feat(electron): audio capture permissions and settings (#11185)

fix AF-2420, AF-2391, AF-2265

packages/frontend/component/src/components/setting-components/share.css.ts

@@ -29,6 +29,10 @@ export const wrapper = style({
     },
   },
 });
+export const wrapperDisabled = style({
+  opacity: 0.5,
+  pointerEvents: 'none',
+});
 globalStyle(`${wrapper} .title`, {
   fontSize: cssVar('fontSm'),
   fontWeight: 600,

packages/frontend/component/src/components/setting-components/wrapper.tsx

@@ -1,17 +1,20 @@
+import clsx from 'clsx';
 import type { PropsWithChildren, ReactNode } from 'react';
 
-import { wrapper } from './share.css';
+import { wrapper, wrapperDisabled } from './share.css';
 
 interface SettingWrapperProps {
   title?: ReactNode;
+  disabled?: boolean;
 }
 
 export const SettingWrapper = ({
   title,
   children,
+  disabled,
 }: PropsWithChildren<SettingWrapperProps>) => {
   return (
-    <div className={wrapper}>
+    <div className={clsx(wrapper, disabled && wrapperDisabled)}>
       {title ? <div className="title">{title}</div> : null}
       {children}
     </div>