Websockets for plugin runtime communication (#156)

src-web/components/core/Dropdown.tsx

@@ -122,8 +122,8 @@ export const Dropdown = forwardRef<DropdownRef, DropdownProps>(function Dropdown
   // we have of detecting the dropdown closed, to do cleanup.
   useEffect(() => {
     if (!isOpen) {
-      buttonRef.current?.focus(); // Focus button
-      buttonRef.current!.style.backgroundColor = ''; // Clear persisted BG
+      // Clear persisted BG
+      buttonRef.current!.style.backgroundColor = '';
       // Set to different value when opened and closed to force it to update. This is to force
       // <Menu/> to reset its selected-index state, which it does when this prop changes
       setDefaultSelectedIndex(null);

src-web/components/core/Toast.tsx

@@ -57,7 +57,7 @@ export function Toast({ children, open, onClose, timeout, action, icon, color }:
       <div
         className={classNames(
           `x-theme-toast x-theme-toast--${color}`,
-          'pointer-events-auto overflow-hidden',
+          'pointer-events-auto overflow-hidden break-all',
           'relative pointer-events-auto bg-surface text-text rounded-lg',
           'border border-border shadow-lg w-[25rem]',
           'grid grid-cols-[1fr_auto]',