@proulr/sdui-components 0.1.77 → 0.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "type": "module",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",

package/src/renderer/theme/chrome-glass.ts

@@ -3,8 +3,8 @@
  * Overlay de cor fica em `colors.chromeGlassOverlay` (tema).
  */
 
-/** Intensidade do frost — mais blur, menos “placa” opaca. */
-export const CHROME_GLASS_BLUR_INTENSITY = 50;
+/** Intensidade do frost — forte (estilo Telegram) p/ conteúdo não competir com o texto. */
+export const CHROME_GLASS_BLUR_INTENSITY = 60;
 
 /**
  * Tint limpo (sem material cinza do system material).

package/src/renderer/theme/proulr-theme.ts

@@ -108,8 +108,11 @@ export const colors = {
   surfaceGlass: 'rgba(255,255,255,0.06)',
   /** Pílula / chrome sem BlurView — preto OLED. */
   chromePillBackground: 'rgba(0, 0, 0, 0.82)',
-  /** Overlay sobre BlurView — transparente = frost limpo (sem placa acinzentada). */
-  chromeGlassOverlay: 'rgba(0, 0, 0, 0)',
+  /** Overlay sobre BlurView — véu escuro no tom da marca (como o azul-escuro do
+   * Telegram): escurece o fundo p/ texto branco ler bem, mantendo o hue fuchsia. */
+  chromeGlassOverlay: 'rgba(10, 3, 15, 0.52)',
+  /** Véu escuro sobre glass de painéis grandes (drawer) — legibilidade do conteúdo. */
+  chromeGlassPanelVeil: 'rgba(20, 6, 25, 0.52)',
   chromePillBorder: 'rgba(255, 255, 255, 0.08)',
   videoControlBackground: 'rgba(0,0,0,0.45)',
   videoTrackBackground: 'rgba(255,255,255,0.25)',

package/src/renderer/ui/ChromeGlass.tsx

@@ -54,6 +54,11 @@ type ChromeGlassBlurTargetProps = {
 /**
  * Envolve o conteúdo que fica atrás do vidro. No Android vira `BlurTargetView`;
  * nas demais plataformas (ou sem provider) é um `View` comum.
+ *
+ * Descendentes NÃO recebem o target: um BlurView aninhado dentro do próprio
+ * alvo cria ciclo de render nodes no hwui (recursão infinita em
+ * computeTransformImpl → SIGSEGV na RenderThread). Glass dentro do conteúdo
+ * (ex.: compose pill do chat) cai no fallback translúcido no Android.
  */
 export function ChromeGlassBlurTarget({ children, style }: ChromeGlassBlurTargetProps) {
   const targetRef = useContext(ChromeGlassTargetContext);
@@ -62,7 +67,9 @@ export function ChromeGlassBlurTarget({ children, style }: ChromeGlassBlurTarget
   }
   return (
     <BlurTargetView ref={targetRef} style={style}>
-      {children}
+      <ChromeGlassTargetContext.Provider value={null}>
+        {children}
+      </ChromeGlassTargetContext.Provider>
     </BlurTargetView>
   );
 }