Decode SAML Assertions in Your Browser SAML Decoder tool for network operations.

The tool uses the `atob` function to decode Base64-encoded input and `decodeURIComponent` to handle URL-encoded input, allowing it to support both encoding modes. When decoding, it first checks if the input is empty and sets an error message if so. If the input is valid, it attempts to parse the decoded string as XML using a `DOMParser`, which creates a document object that can be queried for specific elements. The tool then uses an `XMLSerializer` to serialize the parsed XML into a string, which is then formatted with indentation for readability.

The formatting process involves splitting the XML string into individual lines and adjusting the indentation based on the start and end tags, using regular expressions to match these tags. This results in a human-readable representation of the SAML assertion that can be easily inspected by users. The tool also uses React hooks, such as `useState` and `useCallback`, to manage its state and handle user interactions, including decoding and copying the output to the clipboard. Additionally, it utilizes the `copyToClipboard` function from a utility library to perform the actual copy operation.

The tool's implementation relies on modern browser APIs, including the `DOMParser` and `XMLSerializer` interfaces, as well as JavaScript features like ES6+ syntax and React hooks. This allows it to provide instant results and a mobile-friendly interface, making it suitable for use in a variety of environments. The use of client-side JavaScript also ensures that all decoding operations are performed locally, without sending any sensitive data to external servers. The tool's input validation is designed to handle edge cases, such as empty or malformed input, and provides informative error messages to help users troubleshoot any issues that may arise.