Optimize sidebar collapsing

src-web/components/core/Editor/Editor.tsx

@@ -19,7 +19,7 @@ import {
   useRef,
 } from 'react';
 import { useActiveEnvironmentVariables } from '../../../hooks/useActiveEnvironmentVariables';
-import {useDialog} from "../../../hooks/useDialog";
+import { useDialog } from '../../../hooks/useDialog';
 import { parseTemplate } from '../../../hooks/useParseTemplate';
 import { useRequestEditor } from '../../../hooks/useRequestEditor';
 import { useSettings } from '../../../hooks/useSettings';

src-web/components/core/FormattedError.tsx

@@ -9,7 +9,9 @@ export function FormattedError({ children }: Props) {
   return (
     <pre
       className={classNames(
-        'font-mono text-sm w-full select-auto cursor-text bg-surface-highlight p-3 rounded',
+        'cursor-text select-auto',
+        '[&_*]:cursor-text [&_*]:select-auto',
+        'font-mono text-sm w-full bg-surface-highlight p-3 rounded',
         'whitespace-pre-wrap border border-danger border-dashed overflow-x-auto',
       )}
     >

src-web/components/core/PlainInput.tsx

@@ -27,16 +27,13 @@ export function PlainInput({
   onChange,
   onFocus,
   onPaste,
-  placeholder,
   require,
   rightSlot,
   size = 'md',
   type = 'text',
   validate,
   autoSelect,
-  step,
-  autoFocus,
-  readOnly,
+  ...props
 }: PlainInputProps) {
   const [obscured, setObscured] = useStateWithDeps(type === 'password', [type]);
   const [currentValue, setCurrentValue] = useState(defaultValue ?? '');
@@ -130,7 +127,6 @@ export function PlainInput({
             id={id}
             type={type === 'password' && !obscured ? 'text' : type}
             defaultValue={defaultValue}
-            placeholder={placeholder}
             autoComplete="off"
             autoCapitalize="off"
             autoCorrect="off"
@@ -139,9 +135,7 @@ export function PlainInput({
             className={classNames(commonClassName, 'h-auto')}
             onFocus={handleFocus}
             onBlur={handleBlur}
-            autoFocus={autoFocus}
-            step={step}
-            readOnly={readOnly}
+            {...props}
           />
         </HStack>
         {type === 'password' && (

src-web/components/core/RadioDropdown.tsx

@@ -7,7 +7,7 @@ import { Icon } from './Icon';
 export type RadioDropdownItem<T = string | null> =
   | {
       type?: 'default';
-      label: string;
+      label: ReactNode;
       shortLabel?: string;
       value: T;
       rightSlot?: ReactNode;