Set up comprehensive frontend testing infrastructure

- Install Jest for unit testing with React Testing Library
- Install Playwright for end-to-end testing
- Configure Jest with proper TypeScript support and module mapping
- Create test setup files and utilities for both unit and e2e tests

Components:
* Jest configuration with coverage thresholds
* Playwright configuration with browser automation
* Unit tests for LoginForm, AuthContext, and useSocketIO hook
* E2E tests for authentication, dashboard, and agents workflows
* GitHub Actions workflow for automated testing
* Mock data and API utilities for consistent testing
* Test documentation with best practices

Testing features:
- Unit tests with 70% coverage threshold
- E2E tests with API mocking and user journey testing
- CI/CD integration for automated test runs
- Cross-browser testing support with Playwright
- Authentication system testing end-to-end

🚀 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/node_modules/@testing-library/react/dist/@testing-library/react.cjs.js

@@ -0,0 +1,554 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DeprecatedReactTestUtils = require('react-dom/test-utils');
+var ReactDOM = require('react-dom');
+var ReactDOMClient = require('react-dom/client');
+var dom = require('@testing-library/dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var DeprecatedReactTestUtils__namespace = /*#__PURE__*/_interopNamespace(DeprecatedReactTestUtils);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespace(ReactDOMClient);
+
+const reactAct = typeof React__namespace.act === 'function' ? React__namespace.act : DeprecatedReactTestUtils__namespace.act;
+function getGlobalThis() {
+  /* istanbul ignore else */
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  /* istanbul ignore next */
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  /* istanbul ignore next */
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  /* istanbul ignore next */
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  /* istanbul ignore next */
+  throw new Error('unable to locate global object');
+}
+function setIsReactActEnvironment(isReactActEnvironment) {
+  getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+}
+function getIsReactActEnvironment() {
+  return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+}
+function withGlobalActEnvironment(actImplementation) {
+  return callback => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(true);
+    try {
+      // The return value of `act` is always a thenable.
+      let callbackNeedsToBeAwaited = false;
+      const actResult = actImplementation(() => {
+        const result = callback();
+        if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+          callbackNeedsToBeAwaited = true;
+        }
+        return result;
+      });
+      if (callbackNeedsToBeAwaited) {
+        const thenable = actResult;
+        return {
+          then: (resolve, reject) => {
+            thenable.then(returnValue => {
+              setIsReactActEnvironment(previousActEnvironment);
+              resolve(returnValue);
+            }, error => {
+              setIsReactActEnvironment(previousActEnvironment);
+              reject(error);
+            });
+          }
+        };
+      } else {
+        setIsReactActEnvironment(previousActEnvironment);
+        return actResult;
+      }
+    } catch (error) {
+      // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+      // or if we have to await the callback first.
+      setIsReactActEnvironment(previousActEnvironment);
+      throw error;
+    }
+  };
+}
+const act = withGlobalActEnvironment(reactAct);
+
+/* eslint no-console:0 */
+
+// react-testing-library's version of fireEvent will call
+// dom-testing-library's version of fireEvent. The reason
+// we make this distinction however is because we have
+// a few extra events that work a bit differently
+const fireEvent = function () {
+  return dom.fireEvent(...arguments);
+};
+Object.keys(dom.fireEvent).forEach(key => {
+  fireEvent[key] = function () {
+    return dom.fireEvent[key](...arguments);
+  };
+});
+
+// React event system tracks native mouseOver/mouseOut events for
+// running onMouseEnter/onMouseLeave handlers
+// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+const mouseEnter = fireEvent.mouseEnter;
+const mouseLeave = fireEvent.mouseLeave;
+fireEvent.mouseEnter = function () {
+  mouseEnter(...arguments);
+  return fireEvent.mouseOver(...arguments);
+};
+fireEvent.mouseLeave = function () {
+  mouseLeave(...arguments);
+  return fireEvent.mouseOut(...arguments);
+};
+const pointerEnter = fireEvent.pointerEnter;
+const pointerLeave = fireEvent.pointerLeave;
+fireEvent.pointerEnter = function () {
+  pointerEnter(...arguments);
+  return fireEvent.pointerOver(...arguments);
+};
+fireEvent.pointerLeave = function () {
+  pointerLeave(...arguments);
+  return fireEvent.pointerOut(...arguments);
+};
+const select = fireEvent.select;
+fireEvent.select = (node, init) => {
+  select(node, init);
+  // React tracks this event only on focused inputs
+  node.focus();
+
+  // React creates this event when one of the following native events happens
+  // - contextMenu
+  // - mouseUp
+  // - dragEnd
+  // - keyUp
+  // - keyDown
+  // so we can use any here
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+  fireEvent.keyUp(node, init);
+};
+
+// React event system tracks native focusout/focusin events for
+// running blur/focus handlers
+// @link https://github.com/facebook/react/pull/19186
+const blur = fireEvent.blur;
+const focus = fireEvent.focus;
+fireEvent.blur = function () {
+  fireEvent.focusOut(...arguments);
+  return blur(...arguments);
+};
+fireEvent.focus = function () {
+  fireEvent.focusIn(...arguments);
+  return focus(...arguments);
+};
+
+let configForRTL = {
+  reactStrictMode: false
+};
+function getConfig() {
+  return {
+    ...dom.getConfig(),
+    ...configForRTL
+  };
+}
+function configure(newConfig) {
+  if (typeof newConfig === 'function') {
+    // Pass the existing config out to the provided function
+    // and accept a delta in return
+    newConfig = newConfig(getConfig());
+  }
+  const {
+    reactStrictMode,
+    ...configForDTL
+  } = newConfig;
+  dom.configure(configForDTL);
+  configForRTL = {
+    ...configForRTL,
+    reactStrictMode
+  };
+}
+
+function jestFakeTimersAreEnabled() {
+  /* istanbul ignore else */
+  if (typeof jest !== 'undefined' && jest !== null) {
+    return (
+      // legacy timers
+      setTimeout._isMockFunction === true ||
+      // modern timers
+      // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+      Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+    );
+  } // istanbul ignore next
+
+  return false;
+}
+dom.configure({
+  unstable_advanceTimersWrapper: cb => {
+    return act(cb);
+  },
+  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+  // Let's just hope nobody else is using it.
+  asyncWrapper: async cb => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(false);
+    try {
+      const result = await cb();
+      // Drain microtask queue.
+      // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+      // The caller would have no chance to wrap the in-flight Promises in `act()`
+      await new Promise(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 0);
+        if (jestFakeTimersAreEnabled()) {
+          jest.advanceTimersByTime(0);
+        }
+      });
+      return result;
+    } finally {
+      setIsReactActEnvironment(previousActEnvironment);
+    }
+  },
+  eventWrapper: cb => {
+    let result;
+    act(() => {
+      result = cb();
+    });
+    return result;
+  }
+});
+
+// Ideally we'd just use a WeakMap where containers are keys and roots are values.
+// We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+/**
+ * @type {Set<import('react-dom').Container>}
+ */
+const mountedContainers = new Set();
+/**
+ * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+ */
+const mountedRootEntries = [];
+function strictModeIfNeeded(innerElement, reactStrictMode) {
+  return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React__namespace.createElement(React__namespace.StrictMode, null, innerElement) : innerElement;
+}
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? /*#__PURE__*/React__namespace.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+function createConcurrentRoot(container, _ref) {
+  let {
+    hydrate,
+    onCaughtError,
+    onRecoverableError,
+    ui,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref;
+  let root;
+  if (hydrate) {
+    act(() => {
+      root = ReactDOMClient__namespace.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+        onCaughtError,
+        onRecoverableError
+      });
+    });
+  } else {
+    root = ReactDOMClient__namespace.createRoot(container, {
+      onCaughtError,
+      onRecoverableError
+    });
+  }
+  return {
+    hydrate() {
+      /* istanbul ignore if */
+      if (!hydrate) {
+        throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+      }
+      // Nothing to do since hydration happens when creating the root object.
+    },
+    render(element) {
+      root.render(element);
+    },
+    unmount() {
+      root.unmount();
+    }
+  };
+}
+function createLegacyRoot(container) {
+  return {
+    hydrate(element) {
+      ReactDOM__default["default"].hydrate(element, container);
+    },
+    render(element) {
+      ReactDOM__default["default"].render(element, container);
+    },
+    unmount() {
+      ReactDOM__default["default"].unmountComponentAtNode(container);
+    }
+  };
+}
+function renderRoot(ui, _ref2) {
+  let {
+    baseElement,
+    container,
+    hydrate,
+    queries,
+    root,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref2;
+  act(() => {
+    if (hydrate) {
+      root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    } else {
+      root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    }
+  });
+  return {
+    container,
+    baseElement,
+    debug: function (el, maxLength, options) {
+      if (el === void 0) {
+        el = baseElement;
+      }
+      return Array.isArray(el) ?
+      // eslint-disable-next-line no-console
+      el.forEach(e => console.log(dom.prettyDOM(e, maxLength, options))) :
+      // eslint-disable-next-line no-console,
+      console.log(dom.prettyDOM(el, maxLength, options));
+    },
+    unmount: () => {
+      act(() => {
+        root.unmount();
+      });
+    },
+    rerender: rerenderUi => {
+      renderRoot(rerenderUi, {
+        container,
+        baseElement,
+        root,
+        wrapper: WrapperComponent,
+        reactStrictMode
+      });
+      // Intentionally do not return anything to avoid unnecessarily complicating the API.
+      // folks can use all the same utilities we return in the first place that are bound to the container
+    },
+    asFragment: () => {
+      /* istanbul ignore else (old jsdom limitation) */
+      if (typeof document.createRange === 'function') {
+        return document.createRange().createContextualFragment(container.innerHTML);
+      } else {
+        const template = document.createElement('template');
+        template.innerHTML = container.innerHTML;
+        return template.content;
+      }
+    },
+    ...dom.getQueriesForElement(baseElement, queries)
+  };
+}
+function render(ui, _temp) {
+  let {
+    container,
+    baseElement = container,
+    legacyRoot = false,
+    onCaughtError,
+    onUncaughtError,
+    onRecoverableError,
+    queries,
+    hydrate = false,
+    wrapper,
+    reactStrictMode
+  } = _temp === void 0 ? {} : _temp;
+  if (onUncaughtError !== undefined) {
+    throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+  }
+  if (legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, render);
+    throw error;
+  }
+  if (!baseElement) {
+    // default to document.body instead of documentElement to avoid output of potentially-large
+    // head elements (such as JSS style blocks) in debug output
+    baseElement = document.body;
+  }
+  if (!container) {
+    container = baseElement.appendChild(document.createElement('div'));
+  }
+  let root;
+  // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+  if (!mountedContainers.has(container)) {
+    const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+    root = createRootImpl(container, {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper,
+      reactStrictMode
+    });
+    mountedRootEntries.push({
+      container,
+      root
+    });
+    // we'll add it to the mounted containers regardless of whether it's actually
+    // added to document.body so the cleanup method works regardless of whether
+    // they're passing us a custom container or not.
+    mountedContainers.add(container);
+  } else {
+    mountedRootEntries.forEach(rootEntry => {
+      // Else is unreachable since `mountedContainers` has the `container`.
+      // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+      /* istanbul ignore else */
+      if (rootEntry.container === container) {
+        root = rootEntry.root;
+      }
+    });
+  }
+  return renderRoot(ui, {
+    container,
+    baseElement,
+    queries,
+    hydrate,
+    wrapper,
+    root,
+    reactStrictMode
+  });
+}
+function cleanup() {
+  mountedRootEntries.forEach(_ref3 => {
+    let {
+      root,
+      container
+    } = _ref3;
+    act(() => {
+      root.unmount();
+    });
+    if (container.parentNode === document.body) {
+      document.body.removeChild(container);
+    }
+  });
+  mountedRootEntries.length = 0;
+  mountedContainers.clear();
+}
+function renderHook(renderCallback, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    initialProps,
+    ...renderOptions
+  } = options;
+  if (renderOptions.legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+  const result = /*#__PURE__*/React__namespace.createRef();
+  function TestComponent(_ref4) {
+    let {
+      renderCallbackProps
+    } = _ref4;
+    const pendingResult = renderCallback(renderCallbackProps);
+    React__namespace.useEffect(() => {
+      result.current = pendingResult;
+    });
+    return null;
+  }
+  const {
+    rerender: baseRerender,
+    unmount
+  } = render(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+    renderCallbackProps: initialProps
+  }), renderOptions);
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+      renderCallbackProps: rerenderCallbackProps
+    }));
+  }
+  return {
+    result,
+    rerender,
+    unmount
+  };
+}
+
+/* eslint func-name-matching:0 */
+
+// if we're running in a test runner that supports afterEach
+// or teardown then we'll automatically run cleanup afterEach test
+// this ensures that tests run in isolation from each other
+// if you don't like this then either import the `pure` module
+// or set the RTL_SKIP_AUTO_CLEANUP env variable to 'true'.
+if (typeof process === 'undefined' || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
+  // ignore teardown() in code coverage because Jest does not support it
+  /* istanbul ignore else */
+  if (typeof afterEach === 'function') {
+    afterEach(() => {
+      cleanup();
+    });
+  } else if (typeof teardown === 'function') {
+    // Block is guarded by `typeof` check.
+    // eslint does not support `typeof` guards.
+    // eslint-disable-next-line no-undef
+    teardown(() => {
+      cleanup();
+    });
+  }
+
+  // No test setup with other test runners available
+  /* istanbul ignore else */
+  if (typeof beforeAll === 'function' && typeof afterAll === 'function') {
+    // This matches the behavior of React < 18.
+    let previousIsReactActEnvironment = getIsReactActEnvironment();
+    beforeAll(() => {
+      previousIsReactActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(true);
+    });
+    afterAll(() => {
+      setIsReactActEnvironment(previousIsReactActEnvironment);
+    });
+  }
+}
+
+exports.act = act;
+exports.cleanup = cleanup;
+exports.configure = configure;
+exports.fireEvent = fireEvent;
+exports.getConfig = getConfig;
+exports.render = render;
+exports.renderHook = renderHook;
+Object.keys(dom).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return dom[k]; }
+  });
+});

frontend/node_modules/@testing-library/react/dist/@testing-library/react.esm.js

@@ -0,0 +1,514 @@
+import * as React from 'react';
+import * as DeprecatedReactTestUtils from 'react-dom/test-utils';
+import ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
+import { fireEvent as fireEvent$1, getConfig as getConfig$1, configure as configure$1, prettyDOM, getQueriesForElement } from '@testing-library/dom';
+export * from '@testing-library/dom';
+
+const reactAct = typeof React.act === 'function' ? React.act : DeprecatedReactTestUtils.act;
+function getGlobalThis() {
+  /* istanbul ignore else */
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  /* istanbul ignore next */
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  /* istanbul ignore next */
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  /* istanbul ignore next */
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  /* istanbul ignore next */
+  throw new Error('unable to locate global object');
+}
+function setIsReactActEnvironment(isReactActEnvironment) {
+  getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+}
+function getIsReactActEnvironment() {
+  return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+}
+function withGlobalActEnvironment(actImplementation) {
+  return callback => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(true);
+    try {
+      // The return value of `act` is always a thenable.
+      let callbackNeedsToBeAwaited = false;
+      const actResult = actImplementation(() => {
+        const result = callback();
+        if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+          callbackNeedsToBeAwaited = true;
+        }
+        return result;
+      });
+      if (callbackNeedsToBeAwaited) {
+        const thenable = actResult;
+        return {
+          then: (resolve, reject) => {
+            thenable.then(returnValue => {
+              setIsReactActEnvironment(previousActEnvironment);
+              resolve(returnValue);
+            }, error => {
+              setIsReactActEnvironment(previousActEnvironment);
+              reject(error);
+            });
+          }
+        };
+      } else {
+        setIsReactActEnvironment(previousActEnvironment);
+        return actResult;
+      }
+    } catch (error) {
+      // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+      // or if we have to await the callback first.
+      setIsReactActEnvironment(previousActEnvironment);
+      throw error;
+    }
+  };
+}
+const act = withGlobalActEnvironment(reactAct);
+
+/* eslint no-console:0 */
+
+// react-testing-library's version of fireEvent will call
+// dom-testing-library's version of fireEvent. The reason
+// we make this distinction however is because we have
+// a few extra events that work a bit differently
+const fireEvent = function () {
+  return fireEvent$1(...arguments);
+};
+Object.keys(fireEvent$1).forEach(key => {
+  fireEvent[key] = function () {
+    return fireEvent$1[key](...arguments);
+  };
+});
+
+// React event system tracks native mouseOver/mouseOut events for
+// running onMouseEnter/onMouseLeave handlers
+// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+const mouseEnter = fireEvent.mouseEnter;
+const mouseLeave = fireEvent.mouseLeave;
+fireEvent.mouseEnter = function () {
+  mouseEnter(...arguments);
+  return fireEvent.mouseOver(...arguments);
+};
+fireEvent.mouseLeave = function () {
+  mouseLeave(...arguments);
+  return fireEvent.mouseOut(...arguments);
+};
+const pointerEnter = fireEvent.pointerEnter;
+const pointerLeave = fireEvent.pointerLeave;
+fireEvent.pointerEnter = function () {
+  pointerEnter(...arguments);
+  return fireEvent.pointerOver(...arguments);
+};
+fireEvent.pointerLeave = function () {
+  pointerLeave(...arguments);
+  return fireEvent.pointerOut(...arguments);
+};
+const select = fireEvent.select;
+fireEvent.select = (node, init) => {
+  select(node, init);
+  // React tracks this event only on focused inputs
+  node.focus();
+
+  // React creates this event when one of the following native events happens
+  // - contextMenu
+  // - mouseUp
+  // - dragEnd
+  // - keyUp
+  // - keyDown
+  // so we can use any here
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+  fireEvent.keyUp(node, init);
+};
+
+// React event system tracks native focusout/focusin events for
+// running blur/focus handlers
+// @link https://github.com/facebook/react/pull/19186
+const blur = fireEvent.blur;
+const focus = fireEvent.focus;
+fireEvent.blur = function () {
+  fireEvent.focusOut(...arguments);
+  return blur(...arguments);
+};
+fireEvent.focus = function () {
+  fireEvent.focusIn(...arguments);
+  return focus(...arguments);
+};
+
+let configForRTL = {
+  reactStrictMode: false
+};
+function getConfig() {
+  return {
+    ...getConfig$1(),
+    ...configForRTL
+  };
+}
+function configure(newConfig) {
+  if (typeof newConfig === 'function') {
+    // Pass the existing config out to the provided function
+    // and accept a delta in return
+    newConfig = newConfig(getConfig());
+  }
+  const {
+    reactStrictMode,
+    ...configForDTL
+  } = newConfig;
+  configure$1(configForDTL);
+  configForRTL = {
+    ...configForRTL,
+    reactStrictMode
+  };
+}
+
+function jestFakeTimersAreEnabled() {
+  /* istanbul ignore else */
+  if (typeof jest !== 'undefined' && jest !== null) {
+    return (
+      // legacy timers
+      setTimeout._isMockFunction === true ||
+      // modern timers
+      // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+      Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+    );
+  } // istanbul ignore next
+
+  return false;
+}
+configure$1({
+  unstable_advanceTimersWrapper: cb => {
+    return act(cb);
+  },
+  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+  // Let's just hope nobody else is using it.
+  asyncWrapper: async cb => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(false);
+    try {
+      const result = await cb();
+      // Drain microtask queue.
+      // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+      // The caller would have no chance to wrap the in-flight Promises in `act()`
+      await new Promise(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 0);
+        if (jestFakeTimersAreEnabled()) {
+          jest.advanceTimersByTime(0);
+        }
+      });
+      return result;
+    } finally {
+      setIsReactActEnvironment(previousActEnvironment);
+    }
+  },
+  eventWrapper: cb => {
+    let result;
+    act(() => {
+      result = cb();
+    });
+    return result;
+  }
+});
+
+// Ideally we'd just use a WeakMap where containers are keys and roots are values.
+// We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+/**
+ * @type {Set<import('react-dom').Container>}
+ */
+const mountedContainers = new Set();
+/**
+ * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+ */
+const mountedRootEntries = [];
+function strictModeIfNeeded(innerElement, reactStrictMode) {
+  return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React.createElement(React.StrictMode, null, innerElement) : innerElement;
+}
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? /*#__PURE__*/React.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+function createConcurrentRoot(container, _ref) {
+  let {
+    hydrate,
+    onCaughtError,
+    onRecoverableError,
+    ui,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref;
+  let root;
+  if (hydrate) {
+    act(() => {
+      root = ReactDOMClient.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+        onCaughtError,
+        onRecoverableError
+      });
+    });
+  } else {
+    root = ReactDOMClient.createRoot(container, {
+      onCaughtError,
+      onRecoverableError
+    });
+  }
+  return {
+    hydrate() {
+      /* istanbul ignore if */
+      if (!hydrate) {
+        throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+      }
+      // Nothing to do since hydration happens when creating the root object.
+    },
+    render(element) {
+      root.render(element);
+    },
+    unmount() {
+      root.unmount();
+    }
+  };
+}
+function createLegacyRoot(container) {
+  return {
+    hydrate(element) {
+      ReactDOM.hydrate(element, container);
+    },
+    render(element) {
+      ReactDOM.render(element, container);
+    },
+    unmount() {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+function renderRoot(ui, _ref2) {
+  let {
+    baseElement,
+    container,
+    hydrate,
+    queries,
+    root,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref2;
+  act(() => {
+    if (hydrate) {
+      root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    } else {
+      root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    }
+  });
+  return {
+    container,
+    baseElement,
+    debug: function (el, maxLength, options) {
+      if (el === void 0) {
+        el = baseElement;
+      }
+      return Array.isArray(el) ?
+      // eslint-disable-next-line no-console
+      el.forEach(e => console.log(prettyDOM(e, maxLength, options))) :
+      // eslint-disable-next-line no-console,
+      console.log(prettyDOM(el, maxLength, options));
+    },
+    unmount: () => {
+      act(() => {
+        root.unmount();
+      });
+    },
+    rerender: rerenderUi => {
+      renderRoot(rerenderUi, {
+        container,
+        baseElement,
+        root,
+        wrapper: WrapperComponent,
+        reactStrictMode
+      });
+      // Intentionally do not return anything to avoid unnecessarily complicating the API.
+      // folks can use all the same utilities we return in the first place that are bound to the container
+    },
+    asFragment: () => {
+      /* istanbul ignore else (old jsdom limitation) */
+      if (typeof document.createRange === 'function') {
+        return document.createRange().createContextualFragment(container.innerHTML);
+      } else {
+        const template = document.createElement('template');
+        template.innerHTML = container.innerHTML;
+        return template.content;
+      }
+    },
+    ...getQueriesForElement(baseElement, queries)
+  };
+}
+function render(ui, _temp) {
+  let {
+    container,
+    baseElement = container,
+    legacyRoot = false,
+    onCaughtError,
+    onUncaughtError,
+    onRecoverableError,
+    queries,
+    hydrate = false,
+    wrapper,
+    reactStrictMode
+  } = _temp === void 0 ? {} : _temp;
+  if (onUncaughtError !== undefined) {
+    throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+  }
+  if (legacyRoot && typeof ReactDOM.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, render);
+    throw error;
+  }
+  if (!baseElement) {
+    // default to document.body instead of documentElement to avoid output of potentially-large
+    // head elements (such as JSS style blocks) in debug output
+    baseElement = document.body;
+  }
+  if (!container) {
+    container = baseElement.appendChild(document.createElement('div'));
+  }
+  let root;
+  // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+  if (!mountedContainers.has(container)) {
+    const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+    root = createRootImpl(container, {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper,
+      reactStrictMode
+    });
+    mountedRootEntries.push({
+      container,
+      root
+    });
+    // we'll add it to the mounted containers regardless of whether it's actually
+    // added to document.body so the cleanup method works regardless of whether
+    // they're passing us a custom container or not.
+    mountedContainers.add(container);
+  } else {
+    mountedRootEntries.forEach(rootEntry => {
+      // Else is unreachable since `mountedContainers` has the `container`.
+      // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+      /* istanbul ignore else */
+      if (rootEntry.container === container) {
+        root = rootEntry.root;
+      }
+    });
+  }
+  return renderRoot(ui, {
+    container,
+    baseElement,
+    queries,
+    hydrate,
+    wrapper,
+    root,
+    reactStrictMode
+  });
+}
+function cleanup() {
+  mountedRootEntries.forEach(_ref3 => {
+    let {
+      root,
+      container
+    } = _ref3;
+    act(() => {
+      root.unmount();
+    });
+    if (container.parentNode === document.body) {
+      document.body.removeChild(container);
+    }
+  });
+  mountedRootEntries.length = 0;
+  mountedContainers.clear();
+}
+function renderHook(renderCallback, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    initialProps,
+    ...renderOptions
+  } = options;
+  if (renderOptions.legacyRoot && typeof ReactDOM.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+  const result = /*#__PURE__*/React.createRef();
+  function TestComponent(_ref4) {
+    let {
+      renderCallbackProps
+    } = _ref4;
+    const pendingResult = renderCallback(renderCallbackProps);
+    React.useEffect(() => {
+      result.current = pendingResult;
+    });
+    return null;
+  }
+  const {
+    rerender: baseRerender,
+    unmount
+  } = render(/*#__PURE__*/React.createElement(TestComponent, {
+    renderCallbackProps: initialProps
+  }), renderOptions);
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(/*#__PURE__*/React.createElement(TestComponent, {
+      renderCallbackProps: rerenderCallbackProps
+    }));
+  }
+  return {
+    result,
+    rerender,
+    unmount
+  };
+}
+
+/* eslint func-name-matching:0 */
+
+// if we're running in a test runner that supports afterEach
+// or teardown then we'll automatically run cleanup afterEach test
+// this ensures that tests run in isolation from each other
+// if you don't like this then either import the `pure` module
+// or set the RTL_SKIP_AUTO_CLEANUP env variable to 'true'.
+if (typeof process === 'undefined' || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
+  // ignore teardown() in code coverage because Jest does not support it
+  /* istanbul ignore else */
+  if (typeof afterEach === 'function') {
+    afterEach(() => {
+      cleanup();
+    });
+  } else if (typeof teardown === 'function') {
+    // Block is guarded by `typeof` check.
+    // eslint does not support `typeof` guards.
+    // eslint-disable-next-line no-undef
+    teardown(() => {
+      cleanup();
+    });
+  }
+
+  // No test setup with other test runners available
+  /* istanbul ignore else */
+  if (typeof beforeAll === 'function' && typeof afterAll === 'function') {
+    // This matches the behavior of React < 18.
+    let previousIsReactActEnvironment = getIsReactActEnvironment();
+    beforeAll(() => {
+      previousIsReactActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(true);
+    });
+    afterAll(() => {
+      setIsReactActEnvironment(previousIsReactActEnvironment);
+    });
+  }
+}
+
+export { act, cleanup, configure, fireEvent, getConfig, render, renderHook };

frontend/node_modules/@testing-library/react/dist/@testing-library/react.pure.cjs.js

@@ -0,0 +1,518 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+var ReactDOMClient = require('react-dom/client');
+var dom = require('@testing-library/dom');
+var DeprecatedReactTestUtils = require('react-dom/test-utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespace(ReactDOMClient);
+var DeprecatedReactTestUtils__namespace = /*#__PURE__*/_interopNamespace(DeprecatedReactTestUtils);
+
+const reactAct = typeof React__namespace.act === 'function' ? React__namespace.act : DeprecatedReactTestUtils__namespace.act;
+function getGlobalThis() {
+  /* istanbul ignore else */
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  /* istanbul ignore next */
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  /* istanbul ignore next */
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  /* istanbul ignore next */
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  /* istanbul ignore next */
+  throw new Error('unable to locate global object');
+}
+function setIsReactActEnvironment(isReactActEnvironment) {
+  getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+}
+function getIsReactActEnvironment() {
+  return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+}
+function withGlobalActEnvironment(actImplementation) {
+  return callback => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(true);
+    try {
+      // The return value of `act` is always a thenable.
+      let callbackNeedsToBeAwaited = false;
+      const actResult = actImplementation(() => {
+        const result = callback();
+        if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+          callbackNeedsToBeAwaited = true;
+        }
+        return result;
+      });
+      if (callbackNeedsToBeAwaited) {
+        const thenable = actResult;
+        return {
+          then: (resolve, reject) => {
+            thenable.then(returnValue => {
+              setIsReactActEnvironment(previousActEnvironment);
+              resolve(returnValue);
+            }, error => {
+              setIsReactActEnvironment(previousActEnvironment);
+              reject(error);
+            });
+          }
+        };
+      } else {
+        setIsReactActEnvironment(previousActEnvironment);
+        return actResult;
+      }
+    } catch (error) {
+      // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+      // or if we have to await the callback first.
+      setIsReactActEnvironment(previousActEnvironment);
+      throw error;
+    }
+  };
+}
+const act = withGlobalActEnvironment(reactAct);
+
+/* eslint no-console:0 */
+
+// react-testing-library's version of fireEvent will call
+// dom-testing-library's version of fireEvent. The reason
+// we make this distinction however is because we have
+// a few extra events that work a bit differently
+const fireEvent = function () {
+  return dom.fireEvent(...arguments);
+};
+Object.keys(dom.fireEvent).forEach(key => {
+  fireEvent[key] = function () {
+    return dom.fireEvent[key](...arguments);
+  };
+});
+
+// React event system tracks native mouseOver/mouseOut events for
+// running onMouseEnter/onMouseLeave handlers
+// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+const mouseEnter = fireEvent.mouseEnter;
+const mouseLeave = fireEvent.mouseLeave;
+fireEvent.mouseEnter = function () {
+  mouseEnter(...arguments);
+  return fireEvent.mouseOver(...arguments);
+};
+fireEvent.mouseLeave = function () {
+  mouseLeave(...arguments);
+  return fireEvent.mouseOut(...arguments);
+};
+const pointerEnter = fireEvent.pointerEnter;
+const pointerLeave = fireEvent.pointerLeave;
+fireEvent.pointerEnter = function () {
+  pointerEnter(...arguments);
+  return fireEvent.pointerOver(...arguments);
+};
+fireEvent.pointerLeave = function () {
+  pointerLeave(...arguments);
+  return fireEvent.pointerOut(...arguments);
+};
+const select = fireEvent.select;
+fireEvent.select = (node, init) => {
+  select(node, init);
+  // React tracks this event only on focused inputs
+  node.focus();
+
+  // React creates this event when one of the following native events happens
+  // - contextMenu
+  // - mouseUp
+  // - dragEnd
+  // - keyUp
+  // - keyDown
+  // so we can use any here
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+  fireEvent.keyUp(node, init);
+};
+
+// React event system tracks native focusout/focusin events for
+// running blur/focus handlers
+// @link https://github.com/facebook/react/pull/19186
+const blur = fireEvent.blur;
+const focus = fireEvent.focus;
+fireEvent.blur = function () {
+  fireEvent.focusOut(...arguments);
+  return blur(...arguments);
+};
+fireEvent.focus = function () {
+  fireEvent.focusIn(...arguments);
+  return focus(...arguments);
+};
+
+let configForRTL = {
+  reactStrictMode: false
+};
+function getConfig() {
+  return {
+    ...dom.getConfig(),
+    ...configForRTL
+  };
+}
+function configure(newConfig) {
+  if (typeof newConfig === 'function') {
+    // Pass the existing config out to the provided function
+    // and accept a delta in return
+    newConfig = newConfig(getConfig());
+  }
+  const {
+    reactStrictMode,
+    ...configForDTL
+  } = newConfig;
+  dom.configure(configForDTL);
+  configForRTL = {
+    ...configForRTL,
+    reactStrictMode
+  };
+}
+
+function jestFakeTimersAreEnabled() {
+  /* istanbul ignore else */
+  if (typeof jest !== 'undefined' && jest !== null) {
+    return (
+      // legacy timers
+      setTimeout._isMockFunction === true ||
+      // modern timers
+      // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+      Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+    );
+  } // istanbul ignore next
+
+  return false;
+}
+dom.configure({
+  unstable_advanceTimersWrapper: cb => {
+    return act(cb);
+  },
+  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+  // Let's just hope nobody else is using it.
+  asyncWrapper: async cb => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(false);
+    try {
+      const result = await cb();
+      // Drain microtask queue.
+      // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+      // The caller would have no chance to wrap the in-flight Promises in `act()`
+      await new Promise(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 0);
+        if (jestFakeTimersAreEnabled()) {
+          jest.advanceTimersByTime(0);
+        }
+      });
+      return result;
+    } finally {
+      setIsReactActEnvironment(previousActEnvironment);
+    }
+  },
+  eventWrapper: cb => {
+    let result;
+    act(() => {
+      result = cb();
+    });
+    return result;
+  }
+});
+
+// Ideally we'd just use a WeakMap where containers are keys and roots are values.
+// We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+/**
+ * @type {Set<import('react-dom').Container>}
+ */
+const mountedContainers = new Set();
+/**
+ * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+ */
+const mountedRootEntries = [];
+function strictModeIfNeeded(innerElement, reactStrictMode) {
+  return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React__namespace.createElement(React__namespace.StrictMode, null, innerElement) : innerElement;
+}
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? /*#__PURE__*/React__namespace.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+function createConcurrentRoot(container, _ref) {
+  let {
+    hydrate,
+    onCaughtError,
+    onRecoverableError,
+    ui,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref;
+  let root;
+  if (hydrate) {
+    act(() => {
+      root = ReactDOMClient__namespace.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+        onCaughtError,
+        onRecoverableError
+      });
+    });
+  } else {
+    root = ReactDOMClient__namespace.createRoot(container, {
+      onCaughtError,
+      onRecoverableError
+    });
+  }
+  return {
+    hydrate() {
+      /* istanbul ignore if */
+      if (!hydrate) {
+        throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+      }
+      // Nothing to do since hydration happens when creating the root object.
+    },
+    render(element) {
+      root.render(element);
+    },
+    unmount() {
+      root.unmount();
+    }
+  };
+}
+function createLegacyRoot(container) {
+  return {
+    hydrate(element) {
+      ReactDOM__default["default"].hydrate(element, container);
+    },
+    render(element) {
+      ReactDOM__default["default"].render(element, container);
+    },
+    unmount() {
+      ReactDOM__default["default"].unmountComponentAtNode(container);
+    }
+  };
+}
+function renderRoot(ui, _ref2) {
+  let {
+    baseElement,
+    container,
+    hydrate,
+    queries,
+    root,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref2;
+  act(() => {
+    if (hydrate) {
+      root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    } else {
+      root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    }
+  });
+  return {
+    container,
+    baseElement,
+    debug: function (el, maxLength, options) {
+      if (el === void 0) {
+        el = baseElement;
+      }
+      return Array.isArray(el) ?
+      // eslint-disable-next-line no-console
+      el.forEach(e => console.log(dom.prettyDOM(e, maxLength, options))) :
+      // eslint-disable-next-line no-console,
+      console.log(dom.prettyDOM(el, maxLength, options));
+    },
+    unmount: () => {
+      act(() => {
+        root.unmount();
+      });
+    },
+    rerender: rerenderUi => {
+      renderRoot(rerenderUi, {
+        container,
+        baseElement,
+        root,
+        wrapper: WrapperComponent,
+        reactStrictMode
+      });
+      // Intentionally do not return anything to avoid unnecessarily complicating the API.
+      // folks can use all the same utilities we return in the first place that are bound to the container
+    },
+    asFragment: () => {
+      /* istanbul ignore else (old jsdom limitation) */
+      if (typeof document.createRange === 'function') {
+        return document.createRange().createContextualFragment(container.innerHTML);
+      } else {
+        const template = document.createElement('template');
+        template.innerHTML = container.innerHTML;
+        return template.content;
+      }
+    },
+    ...dom.getQueriesForElement(baseElement, queries)
+  };
+}
+function render(ui, _temp) {
+  let {
+    container,
+    baseElement = container,
+    legacyRoot = false,
+    onCaughtError,
+    onUncaughtError,
+    onRecoverableError,
+    queries,
+    hydrate = false,
+    wrapper,
+    reactStrictMode
+  } = _temp === void 0 ? {} : _temp;
+  if (onUncaughtError !== undefined) {
+    throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+  }
+  if (legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, render);
+    throw error;
+  }
+  if (!baseElement) {
+    // default to document.body instead of documentElement to avoid output of potentially-large
+    // head elements (such as JSS style blocks) in debug output
+    baseElement = document.body;
+  }
+  if (!container) {
+    container = baseElement.appendChild(document.createElement('div'));
+  }
+  let root;
+  // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+  if (!mountedContainers.has(container)) {
+    const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+    root = createRootImpl(container, {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper,
+      reactStrictMode
+    });
+    mountedRootEntries.push({
+      container,
+      root
+    });
+    // we'll add it to the mounted containers regardless of whether it's actually
+    // added to document.body so the cleanup method works regardless of whether
+    // they're passing us a custom container or not.
+    mountedContainers.add(container);
+  } else {
+    mountedRootEntries.forEach(rootEntry => {
+      // Else is unreachable since `mountedContainers` has the `container`.
+      // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+      /* istanbul ignore else */
+      if (rootEntry.container === container) {
+        root = rootEntry.root;
+      }
+    });
+  }
+  return renderRoot(ui, {
+    container,
+    baseElement,
+    queries,
+    hydrate,
+    wrapper,
+    root,
+    reactStrictMode
+  });
+}
+function cleanup() {
+  mountedRootEntries.forEach(_ref3 => {
+    let {
+      root,
+      container
+    } = _ref3;
+    act(() => {
+      root.unmount();
+    });
+    if (container.parentNode === document.body) {
+      document.body.removeChild(container);
+    }
+  });
+  mountedRootEntries.length = 0;
+  mountedContainers.clear();
+}
+function renderHook(renderCallback, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    initialProps,
+    ...renderOptions
+  } = options;
+  if (renderOptions.legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+  const result = /*#__PURE__*/React__namespace.createRef();
+  function TestComponent(_ref4) {
+    let {
+      renderCallbackProps
+    } = _ref4;
+    const pendingResult = renderCallback(renderCallbackProps);
+    React__namespace.useEffect(() => {
+      result.current = pendingResult;
+    });
+    return null;
+  }
+  const {
+    rerender: baseRerender,
+    unmount
+  } = render(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+    renderCallbackProps: initialProps
+  }), renderOptions);
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+      renderCallbackProps: rerenderCallbackProps
+    }));
+  }
+  return {
+    result,
+    rerender,
+    unmount
+  };
+}
+
+/* eslint func-name-matching:0 */
+
+exports.act = act;
+exports.cleanup = cleanup;
+exports.configure = configure;
+exports.fireEvent = fireEvent;
+exports.getConfig = getConfig;
+exports.render = render;
+exports.renderHook = renderHook;
+Object.keys(dom).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return dom[k]; }
+  });
+});

frontend/node_modules/@testing-library/react/dist/@testing-library/react.pure.esm.js

@@ -0,0 +1,478 @@
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import * as ReactDOMClient from 'react-dom/client';
+import { fireEvent as fireEvent$1, getConfig as getConfig$1, configure as configure$1, prettyDOM, getQueriesForElement } from '@testing-library/dom';
+export * from '@testing-library/dom';
+import * as DeprecatedReactTestUtils from 'react-dom/test-utils';
+
+const reactAct = typeof React.act === 'function' ? React.act : DeprecatedReactTestUtils.act;
+function getGlobalThis() {
+  /* istanbul ignore else */
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  /* istanbul ignore next */
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  /* istanbul ignore next */
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  /* istanbul ignore next */
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  /* istanbul ignore next */
+  throw new Error('unable to locate global object');
+}
+function setIsReactActEnvironment(isReactActEnvironment) {
+  getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+}
+function getIsReactActEnvironment() {
+  return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+}
+function withGlobalActEnvironment(actImplementation) {
+  return callback => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(true);
+    try {
+      // The return value of `act` is always a thenable.
+      let callbackNeedsToBeAwaited = false;
+      const actResult = actImplementation(() => {
+        const result = callback();
+        if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+          callbackNeedsToBeAwaited = true;
+        }
+        return result;
+      });
+      if (callbackNeedsToBeAwaited) {
+        const thenable = actResult;
+        return {
+          then: (resolve, reject) => {
+            thenable.then(returnValue => {
+              setIsReactActEnvironment(previousActEnvironment);
+              resolve(returnValue);
+            }, error => {
+              setIsReactActEnvironment(previousActEnvironment);
+              reject(error);
+            });
+          }
+        };
+      } else {
+        setIsReactActEnvironment(previousActEnvironment);
+        return actResult;
+      }
+    } catch (error) {
+      // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+      // or if we have to await the callback first.
+      setIsReactActEnvironment(previousActEnvironment);
+      throw error;
+    }
+  };
+}
+const act = withGlobalActEnvironment(reactAct);
+
+/* eslint no-console:0 */
+
+// react-testing-library's version of fireEvent will call
+// dom-testing-library's version of fireEvent. The reason
+// we make this distinction however is because we have
+// a few extra events that work a bit differently
+const fireEvent = function () {
+  return fireEvent$1(...arguments);
+};
+Object.keys(fireEvent$1).forEach(key => {
+  fireEvent[key] = function () {
+    return fireEvent$1[key](...arguments);
+  };
+});
+
+// React event system tracks native mouseOver/mouseOut events for
+// running onMouseEnter/onMouseLeave handlers
+// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+const mouseEnter = fireEvent.mouseEnter;
+const mouseLeave = fireEvent.mouseLeave;
+fireEvent.mouseEnter = function () {
+  mouseEnter(...arguments);
+  return fireEvent.mouseOver(...arguments);
+};
+fireEvent.mouseLeave = function () {
+  mouseLeave(...arguments);
+  return fireEvent.mouseOut(...arguments);
+};
+const pointerEnter = fireEvent.pointerEnter;
+const pointerLeave = fireEvent.pointerLeave;
+fireEvent.pointerEnter = function () {
+  pointerEnter(...arguments);
+  return fireEvent.pointerOver(...arguments);
+};
+fireEvent.pointerLeave = function () {
+  pointerLeave(...arguments);
+  return fireEvent.pointerOut(...arguments);
+};
+const select = fireEvent.select;
+fireEvent.select = (node, init) => {
+  select(node, init);
+  // React tracks this event only on focused inputs
+  node.focus();
+
+  // React creates this event when one of the following native events happens
+  // - contextMenu
+  // - mouseUp
+  // - dragEnd
+  // - keyUp
+  // - keyDown
+  // so we can use any here
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+  fireEvent.keyUp(node, init);
+};
+
+// React event system tracks native focusout/focusin events for
+// running blur/focus handlers
+// @link https://github.com/facebook/react/pull/19186
+const blur = fireEvent.blur;
+const focus = fireEvent.focus;
+fireEvent.blur = function () {
+  fireEvent.focusOut(...arguments);
+  return blur(...arguments);
+};
+fireEvent.focus = function () {
+  fireEvent.focusIn(...arguments);
+  return focus(...arguments);
+};
+
+let configForRTL = {
+  reactStrictMode: false
+};
+function getConfig() {
+  return {
+    ...getConfig$1(),
+    ...configForRTL
+  };
+}
+function configure(newConfig) {
+  if (typeof newConfig === 'function') {
+    // Pass the existing config out to the provided function
+    // and accept a delta in return
+    newConfig = newConfig(getConfig());
+  }
+  const {
+    reactStrictMode,
+    ...configForDTL
+  } = newConfig;
+  configure$1(configForDTL);
+  configForRTL = {
+    ...configForRTL,
+    reactStrictMode
+  };
+}
+
+function jestFakeTimersAreEnabled() {
+  /* istanbul ignore else */
+  if (typeof jest !== 'undefined' && jest !== null) {
+    return (
+      // legacy timers
+      setTimeout._isMockFunction === true ||
+      // modern timers
+      // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+      Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+    );
+  } // istanbul ignore next
+
+  return false;
+}
+configure$1({
+  unstable_advanceTimersWrapper: cb => {
+    return act(cb);
+  },
+  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+  // Let's just hope nobody else is using it.
+  asyncWrapper: async cb => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(false);
+    try {
+      const result = await cb();
+      // Drain microtask queue.
+      // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+      // The caller would have no chance to wrap the in-flight Promises in `act()`
+      await new Promise(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 0);
+        if (jestFakeTimersAreEnabled()) {
+          jest.advanceTimersByTime(0);
+        }
+      });
+      return result;
+    } finally {
+      setIsReactActEnvironment(previousActEnvironment);
+    }
+  },
+  eventWrapper: cb => {
+    let result;
+    act(() => {
+      result = cb();
+    });
+    return result;
+  }
+});
+
+// Ideally we'd just use a WeakMap where containers are keys and roots are values.
+// We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+/**
+ * @type {Set<import('react-dom').Container>}
+ */
+const mountedContainers = new Set();
+/**
+ * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+ */
+const mountedRootEntries = [];
+function strictModeIfNeeded(innerElement, reactStrictMode) {
+  return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React.createElement(React.StrictMode, null, innerElement) : innerElement;
+}
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? /*#__PURE__*/React.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+function createConcurrentRoot(container, _ref) {
+  let {
+    hydrate,
+    onCaughtError,
+    onRecoverableError,
+    ui,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref;
+  let root;
+  if (hydrate) {
+    act(() => {
+      root = ReactDOMClient.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+        onCaughtError,
+        onRecoverableError
+      });
+    });
+  } else {
+    root = ReactDOMClient.createRoot(container, {
+      onCaughtError,
+      onRecoverableError
+    });
+  }
+  return {
+    hydrate() {
+      /* istanbul ignore if */
+      if (!hydrate) {
+        throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+      }
+      // Nothing to do since hydration happens when creating the root object.
+    },
+    render(element) {
+      root.render(element);
+    },
+    unmount() {
+      root.unmount();
+    }
+  };
+}
+function createLegacyRoot(container) {
+  return {
+    hydrate(element) {
+      ReactDOM.hydrate(element, container);
+    },
+    render(element) {
+      ReactDOM.render(element, container);
+    },
+    unmount() {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+function renderRoot(ui, _ref2) {
+  let {
+    baseElement,
+    container,
+    hydrate,
+    queries,
+    root,
+    wrapper: WrapperComponent,
+    reactStrictMode
+  } = _ref2;
+  act(() => {
+    if (hydrate) {
+      root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    } else {
+      root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    }
+  });
+  return {
+    container,
+    baseElement,
+    debug: function (el, maxLength, options) {
+      if (el === void 0) {
+        el = baseElement;
+      }
+      return Array.isArray(el) ?
+      // eslint-disable-next-line no-console
+      el.forEach(e => console.log(prettyDOM(e, maxLength, options))) :
+      // eslint-disable-next-line no-console,
+      console.log(prettyDOM(el, maxLength, options));
+    },
+    unmount: () => {
+      act(() => {
+        root.unmount();
+      });
+    },
+    rerender: rerenderUi => {
+      renderRoot(rerenderUi, {
+        container,
+        baseElement,
+        root,
+        wrapper: WrapperComponent,
+        reactStrictMode
+      });
+      // Intentionally do not return anything to avoid unnecessarily complicating the API.
+      // folks can use all the same utilities we return in the first place that are bound to the container
+    },
+    asFragment: () => {
+      /* istanbul ignore else (old jsdom limitation) */
+      if (typeof document.createRange === 'function') {
+        return document.createRange().createContextualFragment(container.innerHTML);
+      } else {
+        const template = document.createElement('template');
+        template.innerHTML = container.innerHTML;
+        return template.content;
+      }
+    },
+    ...getQueriesForElement(baseElement, queries)
+  };
+}
+function render(ui, _temp) {
+  let {
+    container,
+    baseElement = container,
+    legacyRoot = false,
+    onCaughtError,
+    onUncaughtError,
+    onRecoverableError,
+    queries,
+    hydrate = false,
+    wrapper,
+    reactStrictMode
+  } = _temp === void 0 ? {} : _temp;
+  if (onUncaughtError !== undefined) {
+    throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+  }
+  if (legacyRoot && typeof ReactDOM.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, render);
+    throw error;
+  }
+  if (!baseElement) {
+    // default to document.body instead of documentElement to avoid output of potentially-large
+    // head elements (such as JSS style blocks) in debug output
+    baseElement = document.body;
+  }
+  if (!container) {
+    container = baseElement.appendChild(document.createElement('div'));
+  }
+  let root;
+  // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+  if (!mountedContainers.has(container)) {
+    const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+    root = createRootImpl(container, {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper,
+      reactStrictMode
+    });
+    mountedRootEntries.push({
+      container,
+      root
+    });
+    // we'll add it to the mounted containers regardless of whether it's actually
+    // added to document.body so the cleanup method works regardless of whether
+    // they're passing us a custom container or not.
+    mountedContainers.add(container);
+  } else {
+    mountedRootEntries.forEach(rootEntry => {
+      // Else is unreachable since `mountedContainers` has the `container`.
+      // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+      /* istanbul ignore else */
+      if (rootEntry.container === container) {
+        root = rootEntry.root;
+      }
+    });
+  }
+  return renderRoot(ui, {
+    container,
+    baseElement,
+    queries,
+    hydrate,
+    wrapper,
+    root,
+    reactStrictMode
+  });
+}
+function cleanup() {
+  mountedRootEntries.forEach(_ref3 => {
+    let {
+      root,
+      container
+    } = _ref3;
+    act(() => {
+      root.unmount();
+    });
+    if (container.parentNode === document.body) {
+      document.body.removeChild(container);
+    }
+  });
+  mountedRootEntries.length = 0;
+  mountedContainers.clear();
+}
+function renderHook(renderCallback, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    initialProps,
+    ...renderOptions
+  } = options;
+  if (renderOptions.legacyRoot && typeof ReactDOM.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+  const result = /*#__PURE__*/React.createRef();
+  function TestComponent(_ref4) {
+    let {
+      renderCallbackProps
+    } = _ref4;
+    const pendingResult = renderCallback(renderCallbackProps);
+    React.useEffect(() => {
+      result.current = pendingResult;
+    });
+    return null;
+  }
+  const {
+    rerender: baseRerender,
+    unmount
+  } = render(/*#__PURE__*/React.createElement(TestComponent, {
+    renderCallbackProps: initialProps
+  }), renderOptions);
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(/*#__PURE__*/React.createElement(TestComponent, {
+      renderCallbackProps: rerenderCallbackProps
+    }));
+  }
+  return {
+    result,
+    rerender,
+    unmount
+  };
+}
+
+/* eslint func-name-matching:0 */
+
+export { act, cleanup, configure, fireEvent, getConfig, render, renderHook };

frontend/node_modules/@testing-library/react/dist/@testing-library/react.pure.umd.js

@@ -0,0 +1,519 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('react-dom/client'), require('@testing-library/dom'), require('react-dom/test-utils')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'react-dom/client', '@testing-library/dom', 'react-dom/test-utils'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TestingLibraryReact = {}, global.React, global.ReactDOM, global.ReactDOMClient, global.dom, global.ReactTestUtils));
+})(this, (function (exports, React, ReactDOM, ReactDOMClient, dom, DeprecatedReactTestUtils) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+  var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespace(ReactDOMClient);
+  var DeprecatedReactTestUtils__namespace = /*#__PURE__*/_interopNamespace(DeprecatedReactTestUtils);
+
+  const reactAct = typeof React__namespace.act === 'function' ? React__namespace.act : DeprecatedReactTestUtils__namespace.act;
+  function getGlobalThis() {
+    /* istanbul ignore else */
+    if (typeof globalThis !== 'undefined') {
+      return globalThis;
+    }
+    /* istanbul ignore next */
+    if (typeof self !== 'undefined') {
+      return self;
+    }
+    /* istanbul ignore next */
+    if (typeof window !== 'undefined') {
+      return window;
+    }
+    /* istanbul ignore next */
+    if (typeof global !== 'undefined') {
+      return global;
+    }
+    /* istanbul ignore next */
+    throw new Error('unable to locate global object');
+  }
+  function setIsReactActEnvironment(isReactActEnvironment) {
+    getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+  }
+  function getIsReactActEnvironment() {
+    return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+  }
+  function withGlobalActEnvironment(actImplementation) {
+    return callback => {
+      const previousActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(true);
+      try {
+        // The return value of `act` is always a thenable.
+        let callbackNeedsToBeAwaited = false;
+        const actResult = actImplementation(() => {
+          const result = callback();
+          if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+            callbackNeedsToBeAwaited = true;
+          }
+          return result;
+        });
+        if (callbackNeedsToBeAwaited) {
+          const thenable = actResult;
+          return {
+            then: (resolve, reject) => {
+              thenable.then(returnValue => {
+                setIsReactActEnvironment(previousActEnvironment);
+                resolve(returnValue);
+              }, error => {
+                setIsReactActEnvironment(previousActEnvironment);
+                reject(error);
+              });
+            }
+          };
+        } else {
+          setIsReactActEnvironment(previousActEnvironment);
+          return actResult;
+        }
+      } catch (error) {
+        // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+        // or if we have to await the callback first.
+        setIsReactActEnvironment(previousActEnvironment);
+        throw error;
+      }
+    };
+  }
+  const act = withGlobalActEnvironment(reactAct);
+
+  /* eslint no-console:0 */
+
+  // react-testing-library's version of fireEvent will call
+  // dom-testing-library's version of fireEvent. The reason
+  // we make this distinction however is because we have
+  // a few extra events that work a bit differently
+  const fireEvent = function () {
+    return dom.fireEvent(...arguments);
+  };
+  Object.keys(dom.fireEvent).forEach(key => {
+    fireEvent[key] = function () {
+      return dom.fireEvent[key](...arguments);
+    };
+  });
+
+  // React event system tracks native mouseOver/mouseOut events for
+  // running onMouseEnter/onMouseLeave handlers
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+  const mouseEnter = fireEvent.mouseEnter;
+  const mouseLeave = fireEvent.mouseLeave;
+  fireEvent.mouseEnter = function () {
+    mouseEnter(...arguments);
+    return fireEvent.mouseOver(...arguments);
+  };
+  fireEvent.mouseLeave = function () {
+    mouseLeave(...arguments);
+    return fireEvent.mouseOut(...arguments);
+  };
+  const pointerEnter = fireEvent.pointerEnter;
+  const pointerLeave = fireEvent.pointerLeave;
+  fireEvent.pointerEnter = function () {
+    pointerEnter(...arguments);
+    return fireEvent.pointerOver(...arguments);
+  };
+  fireEvent.pointerLeave = function () {
+    pointerLeave(...arguments);
+    return fireEvent.pointerOut(...arguments);
+  };
+  const select = fireEvent.select;
+  fireEvent.select = (node, init) => {
+    select(node, init);
+    // React tracks this event only on focused inputs
+    node.focus();
+
+    // React creates this event when one of the following native events happens
+    // - contextMenu
+    // - mouseUp
+    // - dragEnd
+    // - keyUp
+    // - keyDown
+    // so we can use any here
+    // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+    fireEvent.keyUp(node, init);
+  };
+
+  // React event system tracks native focusout/focusin events for
+  // running blur/focus handlers
+  // @link https://github.com/facebook/react/pull/19186
+  const blur = fireEvent.blur;
+  const focus = fireEvent.focus;
+  fireEvent.blur = function () {
+    fireEvent.focusOut(...arguments);
+    return blur(...arguments);
+  };
+  fireEvent.focus = function () {
+    fireEvent.focusIn(...arguments);
+    return focus(...arguments);
+  };
+
+  let configForRTL = {
+    reactStrictMode: false
+  };
+  function getConfig() {
+    return {
+      ...dom.getConfig(),
+      ...configForRTL
+    };
+  }
+  function configure(newConfig) {
+    if (typeof newConfig === 'function') {
+      // Pass the existing config out to the provided function
+      // and accept a delta in return
+      newConfig = newConfig(getConfig());
+    }
+    const {
+      reactStrictMode,
+      ...configForDTL
+    } = newConfig;
+    dom.configure(configForDTL);
+    configForRTL = {
+      ...configForRTL,
+      reactStrictMode
+    };
+  }
+
+  function jestFakeTimersAreEnabled() {
+    /* istanbul ignore else */
+    if (typeof jest !== 'undefined' && jest !== null) {
+      return (
+        // legacy timers
+        setTimeout._isMockFunction === true ||
+        // modern timers
+        // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+        Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+      );
+    } // istanbul ignore next
+
+    return false;
+  }
+  dom.configure({
+    unstable_advanceTimersWrapper: cb => {
+      return act(cb);
+    },
+    // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+    // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+    // Let's just hope nobody else is using it.
+    asyncWrapper: async cb => {
+      const previousActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(false);
+      try {
+        const result = await cb();
+        // Drain microtask queue.
+        // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+        // The caller would have no chance to wrap the in-flight Promises in `act()`
+        await new Promise(resolve => {
+          setTimeout(() => {
+            resolve();
+          }, 0);
+          if (jestFakeTimersAreEnabled()) {
+            jest.advanceTimersByTime(0);
+          }
+        });
+        return result;
+      } finally {
+        setIsReactActEnvironment(previousActEnvironment);
+      }
+    },
+    eventWrapper: cb => {
+      let result;
+      act(() => {
+        result = cb();
+      });
+      return result;
+    }
+  });
+
+  // Ideally we'd just use a WeakMap where containers are keys and roots are values.
+  // We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+  /**
+   * @type {Set<import('react-dom').Container>}
+   */
+  const mountedContainers = new Set();
+  /**
+   * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+   */
+  const mountedRootEntries = [];
+  function strictModeIfNeeded(innerElement, reactStrictMode) {
+    return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React__namespace.createElement(React__namespace.StrictMode, null, innerElement) : innerElement;
+  }
+  function wrapUiIfNeeded(innerElement, wrapperComponent) {
+    return wrapperComponent ? /*#__PURE__*/React__namespace.createElement(wrapperComponent, null, innerElement) : innerElement;
+  }
+  function createConcurrentRoot(container, _ref) {
+    let {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper: WrapperComponent,
+      reactStrictMode
+    } = _ref;
+    let root;
+    if (hydrate) {
+      act(() => {
+        root = ReactDOMClient__namespace.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+          onCaughtError,
+          onRecoverableError
+        });
+      });
+    } else {
+      root = ReactDOMClient__namespace.createRoot(container, {
+        onCaughtError,
+        onRecoverableError
+      });
+    }
+    return {
+      hydrate() {
+        /* istanbul ignore if */
+        if (!hydrate) {
+          throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+        }
+        // Nothing to do since hydration happens when creating the root object.
+      },
+      render(element) {
+        root.render(element);
+      },
+      unmount() {
+        root.unmount();
+      }
+    };
+  }
+  function createLegacyRoot(container) {
+    return {
+      hydrate(element) {
+        ReactDOM__default["default"].hydrate(element, container);
+      },
+      render(element) {
+        ReactDOM__default["default"].render(element, container);
+      },
+      unmount() {
+        ReactDOM__default["default"].unmountComponentAtNode(container);
+      }
+    };
+  }
+  function renderRoot(ui, _ref2) {
+    let {
+      baseElement,
+      container,
+      hydrate,
+      queries,
+      root,
+      wrapper: WrapperComponent,
+      reactStrictMode
+    } = _ref2;
+    act(() => {
+      if (hydrate) {
+        root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+      } else {
+        root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+      }
+    });
+    return {
+      container,
+      baseElement,
+      debug: function (el, maxLength, options) {
+        if (el === void 0) {
+          el = baseElement;
+        }
+        return Array.isArray(el) ?
+        // eslint-disable-next-line no-console
+        el.forEach(e => console.log(dom.prettyDOM(e, maxLength, options))) :
+        // eslint-disable-next-line no-console,
+        console.log(dom.prettyDOM(el, maxLength, options));
+      },
+      unmount: () => {
+        act(() => {
+          root.unmount();
+        });
+      },
+      rerender: rerenderUi => {
+        renderRoot(rerenderUi, {
+          container,
+          baseElement,
+          root,
+          wrapper: WrapperComponent,
+          reactStrictMode
+        });
+        // Intentionally do not return anything to avoid unnecessarily complicating the API.
+        // folks can use all the same utilities we return in the first place that are bound to the container
+      },
+      asFragment: () => {
+        /* istanbul ignore else (old jsdom limitation) */
+        if (typeof document.createRange === 'function') {
+          return document.createRange().createContextualFragment(container.innerHTML);
+        } else {
+          const template = document.createElement('template');
+          template.innerHTML = container.innerHTML;
+          return template.content;
+        }
+      },
+      ...dom.getQueriesForElement(baseElement, queries)
+    };
+  }
+  function render(ui, _temp) {
+    let {
+      container,
+      baseElement = container,
+      legacyRoot = false,
+      onCaughtError,
+      onUncaughtError,
+      onRecoverableError,
+      queries,
+      hydrate = false,
+      wrapper,
+      reactStrictMode
+    } = _temp === void 0 ? {} : _temp;
+    if (onUncaughtError !== undefined) {
+      throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+    }
+    if (legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+      const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+      Error.captureStackTrace(error, render);
+      throw error;
+    }
+    if (!baseElement) {
+      // default to document.body instead of documentElement to avoid output of potentially-large
+      // head elements (such as JSS style blocks) in debug output
+      baseElement = document.body;
+    }
+    if (!container) {
+      container = baseElement.appendChild(document.createElement('div'));
+    }
+    let root;
+    // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+    if (!mountedContainers.has(container)) {
+      const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+      root = createRootImpl(container, {
+        hydrate,
+        onCaughtError,
+        onRecoverableError,
+        ui,
+        wrapper,
+        reactStrictMode
+      });
+      mountedRootEntries.push({
+        container,
+        root
+      });
+      // we'll add it to the mounted containers regardless of whether it's actually
+      // added to document.body so the cleanup method works regardless of whether
+      // they're passing us a custom container or not.
+      mountedContainers.add(container);
+    } else {
+      mountedRootEntries.forEach(rootEntry => {
+        // Else is unreachable since `mountedContainers` has the `container`.
+        // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+        /* istanbul ignore else */
+        if (rootEntry.container === container) {
+          root = rootEntry.root;
+        }
+      });
+    }
+    return renderRoot(ui, {
+      container,
+      baseElement,
+      queries,
+      hydrate,
+      wrapper,
+      root,
+      reactStrictMode
+    });
+  }
+  function cleanup() {
+    mountedRootEntries.forEach(_ref3 => {
+      let {
+        root,
+        container
+      } = _ref3;
+      act(() => {
+        root.unmount();
+      });
+      if (container.parentNode === document.body) {
+        document.body.removeChild(container);
+      }
+    });
+    mountedRootEntries.length = 0;
+    mountedContainers.clear();
+  }
+  function renderHook(renderCallback, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    const {
+      initialProps,
+      ...renderOptions
+    } = options;
+    if (renderOptions.legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+      const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+      Error.captureStackTrace(error, renderHook);
+      throw error;
+    }
+    const result = /*#__PURE__*/React__namespace.createRef();
+    function TestComponent(_ref4) {
+      let {
+        renderCallbackProps
+      } = _ref4;
+      const pendingResult = renderCallback(renderCallbackProps);
+      React__namespace.useEffect(() => {
+        result.current = pendingResult;
+      });
+      return null;
+    }
+    const {
+      rerender: baseRerender,
+      unmount
+    } = render(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+      renderCallbackProps: initialProps
+    }), renderOptions);
+    function rerender(rerenderCallbackProps) {
+      return baseRerender(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+        renderCallbackProps: rerenderCallbackProps
+      }));
+    }
+    return {
+      result,
+      rerender,
+      unmount
+    };
+  }
+
+  /* eslint func-name-matching:0 */
+
+  exports.act = act;
+  exports.cleanup = cleanup;
+  exports.configure = configure;
+  exports.fireEvent = fireEvent;
+  exports.getConfig = getConfig;
+  exports.render = render;
+  exports.renderHook = renderHook;
+  Object.keys(dom).forEach(function (k) {
+    if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: function () { return dom[k]; }
+    });
+  });
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=react.pure.umd.js.map

frontend/node_modules/@testing-library/react/dist/@testing-library/react.umd.js

@@ -0,0 +1,555 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/test-utils'), require('react-dom'), require('react-dom/client'), require('@testing-library/dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/test-utils', 'react-dom', 'react-dom/client', '@testing-library/dom'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TestingLibraryReact = {}, global.React, global.ReactTestUtils, global.ReactDOM, global.ReactDOMClient, global.dom));
+})(this, (function (exports, React, DeprecatedReactTestUtils, ReactDOM, ReactDOMClient, dom) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
+
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+  var DeprecatedReactTestUtils__namespace = /*#__PURE__*/_interopNamespace(DeprecatedReactTestUtils);
+  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+  var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespace(ReactDOMClient);
+
+  const reactAct = typeof React__namespace.act === 'function' ? React__namespace.act : DeprecatedReactTestUtils__namespace.act;
+  function getGlobalThis() {
+    /* istanbul ignore else */
+    if (typeof globalThis !== 'undefined') {
+      return globalThis;
+    }
+    /* istanbul ignore next */
+    if (typeof self !== 'undefined') {
+      return self;
+    }
+    /* istanbul ignore next */
+    if (typeof window !== 'undefined') {
+      return window;
+    }
+    /* istanbul ignore next */
+    if (typeof global !== 'undefined') {
+      return global;
+    }
+    /* istanbul ignore next */
+    throw new Error('unable to locate global object');
+  }
+  function setIsReactActEnvironment(isReactActEnvironment) {
+    getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+  }
+  function getIsReactActEnvironment() {
+    return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+  }
+  function withGlobalActEnvironment(actImplementation) {
+    return callback => {
+      const previousActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(true);
+      try {
+        // The return value of `act` is always a thenable.
+        let callbackNeedsToBeAwaited = false;
+        const actResult = actImplementation(() => {
+          const result = callback();
+          if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+            callbackNeedsToBeAwaited = true;
+          }
+          return result;
+        });
+        if (callbackNeedsToBeAwaited) {
+          const thenable = actResult;
+          return {
+            then: (resolve, reject) => {
+              thenable.then(returnValue => {
+                setIsReactActEnvironment(previousActEnvironment);
+                resolve(returnValue);
+              }, error => {
+                setIsReactActEnvironment(previousActEnvironment);
+                reject(error);
+              });
+            }
+          };
+        } else {
+          setIsReactActEnvironment(previousActEnvironment);
+          return actResult;
+        }
+      } catch (error) {
+        // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+        // or if we have to await the callback first.
+        setIsReactActEnvironment(previousActEnvironment);
+        throw error;
+      }
+    };
+  }
+  const act = withGlobalActEnvironment(reactAct);
+
+  /* eslint no-console:0 */
+
+  // react-testing-library's version of fireEvent will call
+  // dom-testing-library's version of fireEvent. The reason
+  // we make this distinction however is because we have
+  // a few extra events that work a bit differently
+  const fireEvent = function () {
+    return dom.fireEvent(...arguments);
+  };
+  Object.keys(dom.fireEvent).forEach(key => {
+    fireEvent[key] = function () {
+      return dom.fireEvent[key](...arguments);
+    };
+  });
+
+  // React event system tracks native mouseOver/mouseOut events for
+  // running onMouseEnter/onMouseLeave handlers
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+  const mouseEnter = fireEvent.mouseEnter;
+  const mouseLeave = fireEvent.mouseLeave;
+  fireEvent.mouseEnter = function () {
+    mouseEnter(...arguments);
+    return fireEvent.mouseOver(...arguments);
+  };
+  fireEvent.mouseLeave = function () {
+    mouseLeave(...arguments);
+    return fireEvent.mouseOut(...arguments);
+  };
+  const pointerEnter = fireEvent.pointerEnter;
+  const pointerLeave = fireEvent.pointerLeave;
+  fireEvent.pointerEnter = function () {
+    pointerEnter(...arguments);
+    return fireEvent.pointerOver(...arguments);
+  };
+  fireEvent.pointerLeave = function () {
+    pointerLeave(...arguments);
+    return fireEvent.pointerOut(...arguments);
+  };
+  const select = fireEvent.select;
+  fireEvent.select = (node, init) => {
+    select(node, init);
+    // React tracks this event only on focused inputs
+    node.focus();
+
+    // React creates this event when one of the following native events happens
+    // - contextMenu
+    // - mouseUp
+    // - dragEnd
+    // - keyUp
+    // - keyDown
+    // so we can use any here
+    // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+    fireEvent.keyUp(node, init);
+  };
+
+  // React event system tracks native focusout/focusin events for
+  // running blur/focus handlers
+  // @link https://github.com/facebook/react/pull/19186
+  const blur = fireEvent.blur;
+  const focus = fireEvent.focus;
+  fireEvent.blur = function () {
+    fireEvent.focusOut(...arguments);
+    return blur(...arguments);
+  };
+  fireEvent.focus = function () {
+    fireEvent.focusIn(...arguments);
+    return focus(...arguments);
+  };
+
+  let configForRTL = {
+    reactStrictMode: false
+  };
+  function getConfig() {
+    return {
+      ...dom.getConfig(),
+      ...configForRTL
+    };
+  }
+  function configure(newConfig) {
+    if (typeof newConfig === 'function') {
+      // Pass the existing config out to the provided function
+      // and accept a delta in return
+      newConfig = newConfig(getConfig());
+    }
+    const {
+      reactStrictMode,
+      ...configForDTL
+    } = newConfig;
+    dom.configure(configForDTL);
+    configForRTL = {
+      ...configForRTL,
+      reactStrictMode
+    };
+  }
+
+  function jestFakeTimersAreEnabled() {
+    /* istanbul ignore else */
+    if (typeof jest !== 'undefined' && jest !== null) {
+      return (
+        // legacy timers
+        setTimeout._isMockFunction === true ||
+        // modern timers
+        // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+        Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+      );
+    } // istanbul ignore next
+
+    return false;
+  }
+  dom.configure({
+    unstable_advanceTimersWrapper: cb => {
+      return act(cb);
+    },
+    // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+    // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+    // Let's just hope nobody else is using it.
+    asyncWrapper: async cb => {
+      const previousActEnvironment = getIsReactActEnvironment();
+      setIsReactActEnvironment(false);
+      try {
+        const result = await cb();
+        // Drain microtask queue.
+        // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+        // The caller would have no chance to wrap the in-flight Promises in `act()`
+        await new Promise(resolve => {
+          setTimeout(() => {
+            resolve();
+          }, 0);
+          if (jestFakeTimersAreEnabled()) {
+            jest.advanceTimersByTime(0);
+          }
+        });
+        return result;
+      } finally {
+        setIsReactActEnvironment(previousActEnvironment);
+      }
+    },
+    eventWrapper: cb => {
+      let result;
+      act(() => {
+        result = cb();
+      });
+      return result;
+    }
+  });
+
+  // Ideally we'd just use a WeakMap where containers are keys and roots are values.
+  // We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+  /**
+   * @type {Set<import('react-dom').Container>}
+   */
+  const mountedContainers = new Set();
+  /**
+   * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+   */
+  const mountedRootEntries = [];
+  function strictModeIfNeeded(innerElement, reactStrictMode) {
+    return reactStrictMode ?? getConfig().reactStrictMode ? /*#__PURE__*/React__namespace.createElement(React__namespace.StrictMode, null, innerElement) : innerElement;
+  }
+  function wrapUiIfNeeded(innerElement, wrapperComponent) {
+    return wrapperComponent ? /*#__PURE__*/React__namespace.createElement(wrapperComponent, null, innerElement) : innerElement;
+  }
+  function createConcurrentRoot(container, _ref) {
+    let {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper: WrapperComponent,
+      reactStrictMode
+    } = _ref;
+    let root;
+    if (hydrate) {
+      act(() => {
+        root = ReactDOMClient__namespace.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+          onCaughtError,
+          onRecoverableError
+        });
+      });
+    } else {
+      root = ReactDOMClient__namespace.createRoot(container, {
+        onCaughtError,
+        onRecoverableError
+      });
+    }
+    return {
+      hydrate() {
+        /* istanbul ignore if */
+        if (!hydrate) {
+          throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+        }
+        // Nothing to do since hydration happens when creating the root object.
+      },
+      render(element) {
+        root.render(element);
+      },
+      unmount() {
+        root.unmount();
+      }
+    };
+  }
+  function createLegacyRoot(container) {
+    return {
+      hydrate(element) {
+        ReactDOM__default["default"].hydrate(element, container);
+      },
+      render(element) {
+        ReactDOM__default["default"].render(element, container);
+      },
+      unmount() {
+        ReactDOM__default["default"].unmountComponentAtNode(container);
+      }
+    };
+  }
+  function renderRoot(ui, _ref2) {
+    let {
+      baseElement,
+      container,
+      hydrate,
+      queries,
+      root,
+      wrapper: WrapperComponent,
+      reactStrictMode
+    } = _ref2;
+    act(() => {
+      if (hydrate) {
+        root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+      } else {
+        root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+      }
+    });
+    return {
+      container,
+      baseElement,
+      debug: function (el, maxLength, options) {
+        if (el === void 0) {
+          el = baseElement;
+        }
+        return Array.isArray(el) ?
+        // eslint-disable-next-line no-console
+        el.forEach(e => console.log(dom.prettyDOM(e, maxLength, options))) :
+        // eslint-disable-next-line no-console,
+        console.log(dom.prettyDOM(el, maxLength, options));
+      },
+      unmount: () => {
+        act(() => {
+          root.unmount();
+        });
+      },
+      rerender: rerenderUi => {
+        renderRoot(rerenderUi, {
+          container,
+          baseElement,
+          root,
+          wrapper: WrapperComponent,
+          reactStrictMode
+        });
+        // Intentionally do not return anything to avoid unnecessarily complicating the API.
+        // folks can use all the same utilities we return in the first place that are bound to the container
+      },
+      asFragment: () => {
+        /* istanbul ignore else (old jsdom limitation) */
+        if (typeof document.createRange === 'function') {
+          return document.createRange().createContextualFragment(container.innerHTML);
+        } else {
+          const template = document.createElement('template');
+          template.innerHTML = container.innerHTML;
+          return template.content;
+        }
+      },
+      ...dom.getQueriesForElement(baseElement, queries)
+    };
+  }
+  function render(ui, _temp) {
+    let {
+      container,
+      baseElement = container,
+      legacyRoot = false,
+      onCaughtError,
+      onUncaughtError,
+      onRecoverableError,
+      queries,
+      hydrate = false,
+      wrapper,
+      reactStrictMode
+    } = _temp === void 0 ? {} : _temp;
+    if (onUncaughtError !== undefined) {
+      throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+    }
+    if (legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+      const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+      Error.captureStackTrace(error, render);
+      throw error;
+    }
+    if (!baseElement) {
+      // default to document.body instead of documentElement to avoid output of potentially-large
+      // head elements (such as JSS style blocks) in debug output
+      baseElement = document.body;
+    }
+    if (!container) {
+      container = baseElement.appendChild(document.createElement('div'));
+    }
+    let root;
+    // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+    if (!mountedContainers.has(container)) {
+      const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+      root = createRootImpl(container, {
+        hydrate,
+        onCaughtError,
+        onRecoverableError,
+        ui,
+        wrapper,
+        reactStrictMode
+      });
+      mountedRootEntries.push({
+        container,
+        root
+      });
+      // we'll add it to the mounted containers regardless of whether it's actually
+      // added to document.body so the cleanup method works regardless of whether
+      // they're passing us a custom container or not.
+      mountedContainers.add(container);
+    } else {
+      mountedRootEntries.forEach(rootEntry => {
+        // Else is unreachable since `mountedContainers` has the `container`.
+        // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+        /* istanbul ignore else */
+        if (rootEntry.container === container) {
+          root = rootEntry.root;
+        }
+      });
+    }
+    return renderRoot(ui, {
+      container,
+      baseElement,
+      queries,
+      hydrate,
+      wrapper,
+      root,
+      reactStrictMode
+    });
+  }
+  function cleanup() {
+    mountedRootEntries.forEach(_ref3 => {
+      let {
+        root,
+        container
+      } = _ref3;
+      act(() => {
+        root.unmount();
+      });
+      if (container.parentNode === document.body) {
+        document.body.removeChild(container);
+      }
+    });
+    mountedRootEntries.length = 0;
+    mountedContainers.clear();
+  }
+  function renderHook(renderCallback, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    const {
+      initialProps,
+      ...renderOptions
+    } = options;
+    if (renderOptions.legacyRoot && typeof ReactDOM__default["default"].render !== 'function') {
+      const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+      Error.captureStackTrace(error, renderHook);
+      throw error;
+    }
+    const result = /*#__PURE__*/React__namespace.createRef();
+    function TestComponent(_ref4) {
+      let {
+        renderCallbackProps
+      } = _ref4;
+      const pendingResult = renderCallback(renderCallbackProps);
+      React__namespace.useEffect(() => {
+        result.current = pendingResult;
+      });
+      return null;
+    }
+    const {
+      rerender: baseRerender,
+      unmount
+    } = render(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+      renderCallbackProps: initialProps
+    }), renderOptions);
+    function rerender(rerenderCallbackProps) {
+      return baseRerender(/*#__PURE__*/React__namespace.createElement(TestComponent, {
+        renderCallbackProps: rerenderCallbackProps
+      }));
+    }
+    return {
+      result,
+      rerender,
+      unmount
+    };
+  }
+
+  /* eslint func-name-matching:0 */
+
+  // if we're running in a test runner that supports afterEach
+  // or teardown then we'll automatically run cleanup afterEach test
+  // this ensures that tests run in isolation from each other
+  // if you don't like this then either import the `pure` module
+  // or set the RTL_SKIP_AUTO_CLEANUP env variable to 'true'.
+  if (typeof process === 'undefined' || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
+    // ignore teardown() in code coverage because Jest does not support it
+    /* istanbul ignore else */
+    if (typeof afterEach === 'function') {
+      afterEach(() => {
+        cleanup();
+      });
+    } else if (typeof teardown === 'function') {
+      // Block is guarded by `typeof` check.
+      // eslint does not support `typeof` guards.
+      // eslint-disable-next-line no-undef
+      teardown(() => {
+        cleanup();
+      });
+    }
+
+    // No test setup with other test runners available
+    /* istanbul ignore else */
+    if (typeof beforeAll === 'function' && typeof afterAll === 'function') {
+      // This matches the behavior of React < 18.
+      let previousIsReactActEnvironment = getIsReactActEnvironment();
+      beforeAll(() => {
+        previousIsReactActEnvironment = getIsReactActEnvironment();
+        setIsReactActEnvironment(true);
+      });
+      afterAll(() => {
+        setIsReactActEnvironment(previousIsReactActEnvironment);
+      });
+    }
+  }
+
+  exports.act = act;
+  exports.cleanup = cleanup;
+  exports.configure = configure;
+  exports.fireEvent = fireEvent;
+  exports.getConfig = getConfig;
+  exports.render = render;
+  exports.renderHook = renderHook;
+  Object.keys(dom).forEach(function (k) {
+    if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: function () { return dom[k]; }
+    });
+  });
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=react.umd.js.map

frontend/node_modules/@testing-library/react/dist/act-compat.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getIsReactActEnvironment = getIsReactActEnvironment;
+exports.setReactActEnvironment = setIsReactActEnvironment;
+var React = _interopRequireWildcard(require("react"));
+var DeprecatedReactTestUtils = _interopRequireWildcard(require("react-dom/test-utils"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const reactAct = typeof React.act === 'function' ? React.act : DeprecatedReactTestUtils.act;
+function getGlobalThis() {
+  /* istanbul ignore else */
+  if (typeof globalThis !== 'undefined') {
+    return globalThis;
+  }
+  /* istanbul ignore next */
+  if (typeof self !== 'undefined') {
+    return self;
+  }
+  /* istanbul ignore next */
+  if (typeof window !== 'undefined') {
+    return window;
+  }
+  /* istanbul ignore next */
+  if (typeof global !== 'undefined') {
+    return global;
+  }
+  /* istanbul ignore next */
+  throw new Error('unable to locate global object');
+}
+function setIsReactActEnvironment(isReactActEnvironment) {
+  getGlobalThis().IS_REACT_ACT_ENVIRONMENT = isReactActEnvironment;
+}
+function getIsReactActEnvironment() {
+  return getGlobalThis().IS_REACT_ACT_ENVIRONMENT;
+}
+function withGlobalActEnvironment(actImplementation) {
+  return callback => {
+    const previousActEnvironment = getIsReactActEnvironment();
+    setIsReactActEnvironment(true);
+    try {
+      // The return value of `act` is always a thenable.
+      let callbackNeedsToBeAwaited = false;
+      const actResult = actImplementation(() => {
+        const result = callback();
+        if (result !== null && typeof result === 'object' && typeof result.then === 'function') {
+          callbackNeedsToBeAwaited = true;
+        }
+        return result;
+      });
+      if (callbackNeedsToBeAwaited) {
+        const thenable = actResult;
+        return {
+          then: (resolve, reject) => {
+            thenable.then(returnValue => {
+              setIsReactActEnvironment(previousActEnvironment);
+              resolve(returnValue);
+            }, error => {
+              setIsReactActEnvironment(previousActEnvironment);
+              reject(error);
+            });
+          }
+        };
+      } else {
+        setIsReactActEnvironment(previousActEnvironment);
+        return actResult;
+      }
+    } catch (error) {
+      // Can't be a `finally {}` block since we don't know if we have to immediately restore IS_REACT_ACT_ENVIRONMENT
+      // or if we have to await the callback first.
+      setIsReactActEnvironment(previousActEnvironment);
+      throw error;
+    }
+  };
+}
+const act = withGlobalActEnvironment(reactAct);
+var _default = exports.default = act;
+/* eslint no-console:0 */

frontend/node_modules/@testing-library/react/dist/config.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configure = configure;
+exports.getConfig = getConfig;
+var _dom = require("@testing-library/dom");
+let configForRTL = {
+  reactStrictMode: false
+};
+function getConfig() {
+  return {
+    ...(0, _dom.getConfig)(),
+    ...configForRTL
+  };
+}
+function configure(newConfig) {
+  if (typeof newConfig === 'function') {
+    // Pass the existing config out to the provided function
+    // and accept a delta in return
+    newConfig = newConfig(getConfig());
+  }
+  const {
+    reactStrictMode,
+    ...configForDTL
+  } = newConfig;
+  (0, _dom.configure)(configForDTL);
+  configForRTL = {
+    ...configForRTL,
+    reactStrictMode
+  };
+}

frontend/node_modules/@testing-library/react/dist/fire-event.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fireEvent = void 0;
+var _dom = require("@testing-library/dom");
+// react-testing-library's version of fireEvent will call
+// dom-testing-library's version of fireEvent. The reason
+// we make this distinction however is because we have
+// a few extra events that work a bit differently
+const fireEvent = (...args) => (0, _dom.fireEvent)(...args);
+exports.fireEvent = fireEvent;
+Object.keys(_dom.fireEvent).forEach(key => {
+  fireEvent[key] = (...args) => _dom.fireEvent[key](...args);
+});
+
+// React event system tracks native mouseOver/mouseOut events for
+// running onMouseEnter/onMouseLeave handlers
+// @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/EnterLeaveEventPlugin.js#L24-L31
+const mouseEnter = fireEvent.mouseEnter;
+const mouseLeave = fireEvent.mouseLeave;
+fireEvent.mouseEnter = (...args) => {
+  mouseEnter(...args);
+  return fireEvent.mouseOver(...args);
+};
+fireEvent.mouseLeave = (...args) => {
+  mouseLeave(...args);
+  return fireEvent.mouseOut(...args);
+};
+const pointerEnter = fireEvent.pointerEnter;
+const pointerLeave = fireEvent.pointerLeave;
+fireEvent.pointerEnter = (...args) => {
+  pointerEnter(...args);
+  return fireEvent.pointerOver(...args);
+};
+fireEvent.pointerLeave = (...args) => {
+  pointerLeave(...args);
+  return fireEvent.pointerOut(...args);
+};
+const select = fireEvent.select;
+fireEvent.select = (node, init) => {
+  select(node, init);
+  // React tracks this event only on focused inputs
+  node.focus();
+
+  // React creates this event when one of the following native events happens
+  // - contextMenu
+  // - mouseUp
+  // - dragEnd
+  // - keyUp
+  // - keyDown
+  // so we can use any here
+  // @link https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/events/SelectEventPlugin.js#L203-L224
+  fireEvent.keyUp(node, init);
+};
+
+// React event system tracks native focusout/focusin events for
+// running blur/focus handlers
+// @link https://github.com/facebook/react/pull/19186
+const blur = fireEvent.blur;
+const focus = fireEvent.focus;
+fireEvent.blur = (...args) => {
+  fireEvent.focusOut(...args);
+  return blur(...args);
+};
+fireEvent.focus = (...args) => {
+  fireEvent.focusIn(...args);
+  return focus(...args);
+};

frontend/node_modules/@testing-library/react/dist/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _actCompat = require("./act-compat");
+var _pure = require("./pure");
+Object.keys(_pure).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pure[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pure[key];
+    }
+  });
+});
+// if we're running in a test runner that supports afterEach
+// or teardown then we'll automatically run cleanup afterEach test
+// this ensures that tests run in isolation from each other
+// if you don't like this then either import the `pure` module
+// or set the RTL_SKIP_AUTO_CLEANUP env variable to 'true'.
+if (typeof process === 'undefined' || !process.env?.RTL_SKIP_AUTO_CLEANUP) {
+  // ignore teardown() in code coverage because Jest does not support it
+  /* istanbul ignore else */
+  if (typeof afterEach === 'function') {
+    afterEach(() => {
+      (0, _pure.cleanup)();
+    });
+  } else if (typeof teardown === 'function') {
+    // Block is guarded by `typeof` check.
+    // eslint does not support `typeof` guards.
+    // eslint-disable-next-line no-undef
+    teardown(() => {
+      (0, _pure.cleanup)();
+    });
+  }
+
+  // No test setup with other test runners available
+  /* istanbul ignore else */
+  if (typeof beforeAll === 'function' && typeof afterAll === 'function') {
+    // This matches the behavior of React < 18.
+    let previousIsReactActEnvironment = (0, _actCompat.getIsReactActEnvironment)();
+    beforeAll(() => {
+      previousIsReactActEnvironment = (0, _actCompat.getIsReactActEnvironment)();
+      (0, _actCompat.setReactActEnvironment)(true);
+    });
+    afterAll(() => {
+      (0, _actCompat.setReactActEnvironment)(previousIsReactActEnvironment);
+    });
+  }
+}

frontend/node_modules/@testing-library/react/dist/pure.js

@@ -0,0 +1,357 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  render: true,
+  renderHook: true,
+  cleanup: true,
+  act: true,
+  fireEvent: true,
+  getConfig: true,
+  configure: true
+};
+Object.defineProperty(exports, "act", {
+  enumerable: true,
+  get: function () {
+    return _actCompat.default;
+  }
+});
+exports.cleanup = cleanup;
+Object.defineProperty(exports, "configure", {
+  enumerable: true,
+  get: function () {
+    return _config.configure;
+  }
+});
+Object.defineProperty(exports, "fireEvent", {
+  enumerable: true,
+  get: function () {
+    return _fireEvent.fireEvent;
+  }
+});
+Object.defineProperty(exports, "getConfig", {
+  enumerable: true,
+  get: function () {
+    return _config.getConfig;
+  }
+});
+exports.render = render;
+exports.renderHook = renderHook;
+var React = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var ReactDOMClient = _interopRequireWildcard(require("react-dom/client"));
+var _dom = require("@testing-library/dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dom[key];
+    }
+  });
+});
+var _actCompat = _interopRequireWildcard(require("./act-compat"));
+var _fireEvent = require("./fire-event");
+var _config = require("./config");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function jestFakeTimersAreEnabled() {
+  /* istanbul ignore else */
+  if (typeof jest !== 'undefined' && jest !== null) {
+    return (
+      // legacy timers
+      setTimeout._isMockFunction === true ||
+      // modern timers
+      // eslint-disable-next-line prefer-object-has-own -- No Object.hasOwn in all target environments we support.
+      Object.prototype.hasOwnProperty.call(setTimeout, 'clock')
+    );
+  } // istanbul ignore next
+
+  return false;
+}
+(0, _dom.configure)({
+  unstable_advanceTimersWrapper: cb => {
+    return (0, _actCompat.default)(cb);
+  },
+  // We just want to run `waitFor` without IS_REACT_ACT_ENVIRONMENT
+  // But that's not necessarily how `asyncWrapper` is used since it's a public method.
+  // Let's just hope nobody else is using it.
+  asyncWrapper: async cb => {
+    const previousActEnvironment = (0, _actCompat.getIsReactActEnvironment)();
+    (0, _actCompat.setReactActEnvironment)(false);
+    try {
+      const result = await cb();
+      // Drain microtask queue.
+      // Otherwise we'll restore the previous act() environment, before we resolve the `waitFor` call.
+      // The caller would have no chance to wrap the in-flight Promises in `act()`
+      await new Promise(resolve => {
+        setTimeout(() => {
+          resolve();
+        }, 0);
+        if (jestFakeTimersAreEnabled()) {
+          jest.advanceTimersByTime(0);
+        }
+      });
+      return result;
+    } finally {
+      (0, _actCompat.setReactActEnvironment)(previousActEnvironment);
+    }
+  },
+  eventWrapper: cb => {
+    let result;
+    (0, _actCompat.default)(() => {
+      result = cb();
+    });
+    return result;
+  }
+});
+
+// Ideally we'd just use a WeakMap where containers are keys and roots are values.
+// We use two variables so that we can bail out in constant time when we render with a new container (most common use case)
+/**
+ * @type {Set<import('react-dom').Container>}
+ */
+const mountedContainers = new Set();
+/**
+ * @type Array<{container: import('react-dom').Container, root: ReturnType<typeof createConcurrentRoot>}>
+ */
+const mountedRootEntries = [];
+function strictModeIfNeeded(innerElement, reactStrictMode) {
+  return reactStrictMode ?? (0, _config.getConfig)().reactStrictMode ? /*#__PURE__*/React.createElement(React.StrictMode, null, innerElement) : innerElement;
+}
+function wrapUiIfNeeded(innerElement, wrapperComponent) {
+  return wrapperComponent ? /*#__PURE__*/React.createElement(wrapperComponent, null, innerElement) : innerElement;
+}
+function createConcurrentRoot(container, {
+  hydrate,
+  onCaughtError,
+  onRecoverableError,
+  ui,
+  wrapper: WrapperComponent,
+  reactStrictMode
+}) {
+  let root;
+  if (hydrate) {
+    (0, _actCompat.default)(() => {
+      root = ReactDOMClient.hydrateRoot(container, strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), {
+        onCaughtError,
+        onRecoverableError
+      });
+    });
+  } else {
+    root = ReactDOMClient.createRoot(container, {
+      onCaughtError,
+      onRecoverableError
+    });
+  }
+  return {
+    hydrate() {
+      /* istanbul ignore if */
+      if (!hydrate) {
+        throw new Error('Attempted to hydrate a non-hydrateable root. This is a bug in `@testing-library/react`.');
+      }
+      // Nothing to do since hydration happens when creating the root object.
+    },
+    render(element) {
+      root.render(element);
+    },
+    unmount() {
+      root.unmount();
+    }
+  };
+}
+function createLegacyRoot(container) {
+  return {
+    hydrate(element) {
+      _reactDom.default.hydrate(element, container);
+    },
+    render(element) {
+      _reactDom.default.render(element, container);
+    },
+    unmount() {
+      _reactDom.default.unmountComponentAtNode(container);
+    }
+  };
+}
+function renderRoot(ui, {
+  baseElement,
+  container,
+  hydrate,
+  queries,
+  root,
+  wrapper: WrapperComponent,
+  reactStrictMode
+}) {
+  (0, _actCompat.default)(() => {
+    if (hydrate) {
+      root.hydrate(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    } else {
+      root.render(strictModeIfNeeded(wrapUiIfNeeded(ui, WrapperComponent), reactStrictMode), container);
+    }
+  });
+  return {
+    container,
+    baseElement,
+    debug: (el = baseElement, maxLength, options) => Array.isArray(el) ?
+    // eslint-disable-next-line no-console
+    el.forEach(e => console.log((0, _dom.prettyDOM)(e, maxLength, options))) :
+    // eslint-disable-next-line no-console,
+    console.log((0, _dom.prettyDOM)(el, maxLength, options)),
+    unmount: () => {
+      (0, _actCompat.default)(() => {
+        root.unmount();
+      });
+    },
+    rerender: rerenderUi => {
+      renderRoot(rerenderUi, {
+        container,
+        baseElement,
+        root,
+        wrapper: WrapperComponent,
+        reactStrictMode
+      });
+      // Intentionally do not return anything to avoid unnecessarily complicating the API.
+      // folks can use all the same utilities we return in the first place that are bound to the container
+    },
+    asFragment: () => {
+      /* istanbul ignore else (old jsdom limitation) */
+      if (typeof document.createRange === 'function') {
+        return document.createRange().createContextualFragment(container.innerHTML);
+      } else {
+        const template = document.createElement('template');
+        template.innerHTML = container.innerHTML;
+        return template.content;
+      }
+    },
+    ...(0, _dom.getQueriesForElement)(baseElement, queries)
+  };
+}
+function render(ui, {
+  container,
+  baseElement = container,
+  legacyRoot = false,
+  onCaughtError,
+  onUncaughtError,
+  onRecoverableError,
+  queries,
+  hydrate = false,
+  wrapper,
+  reactStrictMode
+} = {}) {
+  if (onUncaughtError !== undefined) {
+    throw new Error('onUncaughtError is not supported. The `render` call will already throw on uncaught errors.');
+  }
+  if (legacyRoot && typeof _reactDom.default.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, render);
+    throw error;
+  }
+  if (!baseElement) {
+    // default to document.body instead of documentElement to avoid output of potentially-large
+    // head elements (such as JSS style blocks) in debug output
+    baseElement = document.body;
+  }
+  if (!container) {
+    container = baseElement.appendChild(document.createElement('div'));
+  }
+  let root;
+  // eslint-disable-next-line no-negated-condition -- we want to map the evolution of this over time. The root is created first. Only later is it re-used so we don't want to read the case that happens later first.
+  if (!mountedContainers.has(container)) {
+    const createRootImpl = legacyRoot ? createLegacyRoot : createConcurrentRoot;
+    root = createRootImpl(container, {
+      hydrate,
+      onCaughtError,
+      onRecoverableError,
+      ui,
+      wrapper,
+      reactStrictMode
+    });
+    mountedRootEntries.push({
+      container,
+      root
+    });
+    // we'll add it to the mounted containers regardless of whether it's actually
+    // added to document.body so the cleanup method works regardless of whether
+    // they're passing us a custom container or not.
+    mountedContainers.add(container);
+  } else {
+    mountedRootEntries.forEach(rootEntry => {
+      // Else is unreachable since `mountedContainers` has the `container`.
+      // Only reachable if one would accidentally add the container to `mountedContainers` but not the root to `mountedRootEntries`
+      /* istanbul ignore else */
+      if (rootEntry.container === container) {
+        root = rootEntry.root;
+      }
+    });
+  }
+  return renderRoot(ui, {
+    container,
+    baseElement,
+    queries,
+    hydrate,
+    wrapper,
+    root,
+    reactStrictMode
+  });
+}
+function cleanup() {
+  mountedRootEntries.forEach(({
+    root,
+    container
+  }) => {
+    (0, _actCompat.default)(() => {
+      root.unmount();
+    });
+    if (container.parentNode === document.body) {
+      document.body.removeChild(container);
+    }
+  });
+  mountedRootEntries.length = 0;
+  mountedContainers.clear();
+}
+function renderHook(renderCallback, options = {}) {
+  const {
+    initialProps,
+    ...renderOptions
+  } = options;
+  if (renderOptions.legacyRoot && typeof _reactDom.default.render !== 'function') {
+    const error = new Error('`legacyRoot: true` is not supported in this version of React. ' + 'If your app runs React 19 or later, you should remove this flag. ' + 'If your app runs React 18 or earlier, visit https://react.dev/blog/2022/03/08/react-18-upgrade-guide for upgrade instructions.');
+    Error.captureStackTrace(error, renderHook);
+    throw error;
+  }
+  const result = /*#__PURE__*/React.createRef();
+  function TestComponent({
+    renderCallbackProps
+  }) {
+    const pendingResult = renderCallback(renderCallbackProps);
+    React.useEffect(() => {
+      result.current = pendingResult;
+    });
+    return null;
+  }
+  const {
+    rerender: baseRerender,
+    unmount
+  } = render(/*#__PURE__*/React.createElement(TestComponent, {
+    renderCallbackProps: initialProps
+  }), renderOptions);
+  function rerender(rerenderCallbackProps) {
+    return baseRerender(/*#__PURE__*/React.createElement(TestComponent, {
+      renderCallbackProps: rerenderCallbackProps
+    }));
+  }
+  return {
+    result,
+    rerender,
+    unmount
+  };
+}
+
+// just re-export everything from dom-testing-library
+
+/* eslint func-name-matching:0 */