@softize/opus 9.0.7 → 9.0.8

package/CHANGELOG.md

@@ -11,6 +11,14 @@ Depois de qualquer bump, rode os gates (`typecheck` · `test` · `opus check` ·
 > tinha ficado sem registro nenhum, o que é exatamente o caso que este arquivo existe
 > pra cobrir.
 
+## 9.0.8 — 2026-08-18
+
+**Scrollbars nativas passam a usar o acabamento discreto como parte do tema base.** Todo
+documento que importa `@softize/opus/ui/theme.css` recebe o indicador fino, revelado no
+hover ou foco, inclusive em conteúdo renderizado por portal. A classe
+`scrollbar-subtle` deixa de ser necessária; iframes continuam isolados e precisam importar
+o tema no próprio documento.
+
 ## 9.0.7 — 2026-08-18
 
 **Scrollbars nativas podem compartilhar um acabamento discreto e previsível.** A classe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softize/opus",
-  "version": "9.0.7",
+  "version": "9.0.8",
   "description": "End-to-end action protocol for TypeScript. Single package with subpath exports (core + adapters).",
   "license": "MIT",
   "type": "module",

package/src/ui/components/primitives/chat.tsx

@@ -133,7 +133,7 @@ const ChatTranscript = React.memo(function ChatTranscript({
     <div
       ref={scrollRef}
       data-slot="chat-scroll"
-      className="scrollbar-subtle flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4"
+      className="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4"
     >
       {items.length === 0 && !indicatorVisible && greeting !== undefined && (
         <div data-slot="chat-empty" className="m-auto max-w-[280px] text-center text-muted-foreground">

package/src/ui/theme.css

@@ -180,39 +180,39 @@
   }
 }
 
-/* Escopo de scrollbar discreta. Pode vestir o próprio scroller (como o Chat) ou um shell:
- * nesse caso todos os scrolls nativos descendentes compartilham o mesmo acabamento. Isso
- * elimina a variação do macOS entre raiz, elementos aninhados, mouse e trackpad sem trocar
- * o mecanismo nativo nem adicionar trabalho em JS. Firefox usa scrollbar-color;
- * Chromium/Safari usam os pseudos abaixo. Iframes continuam sendo documentos isolados. */
+/* Scrollbar nativa da casa: todo scroller do documento compartilha o mesmo acabamento,
+ * inclusive conteúdo renderizado por portal. Isso elimina a variação do macOS entre raiz,
+ * elementos aninhados, mouse e trackpad sem trocar o mecanismo nativo nem adicionar trabalho
+ * em JS. Firefox usa scrollbar-color; Chromium/Safari usam os pseudos abaixo. Iframes
+ * continuam sendo documentos isolados e devem importar o tema no próprio documento. */
 @media (hover: hover) {
-  .scrollbar-subtle,
-  .scrollbar-subtle * {
+  :root,
+  :root * {
     scrollbar-color: transparent transparent;
     scrollbar-width: thin;
   }
-  .scrollbar-subtle:is(:hover, :focus, :focus-within),
-  .scrollbar-subtle *:is(:hover, :focus, :focus-within) {
+  :root:is(:hover, :focus, :focus-within),
+  :root *:is(:hover, :focus, :focus-within) {
     scrollbar-color: color-mix(in srgb, var(--muted-foreground) 35%, transparent) transparent;
   }
-  .scrollbar-subtle::-webkit-scrollbar,
-  .scrollbar-subtle *::-webkit-scrollbar {
+  :root::-webkit-scrollbar,
+  :root *::-webkit-scrollbar {
     width: 0.5rem;
     height: 0.5rem;
   }
-  .scrollbar-subtle::-webkit-scrollbar-track,
-  .scrollbar-subtle *::-webkit-scrollbar-track {
+  :root::-webkit-scrollbar-track,
+  :root *::-webkit-scrollbar-track {
     background: transparent;
   }
-  .scrollbar-subtle::-webkit-scrollbar-thumb,
-  .scrollbar-subtle *::-webkit-scrollbar-thumb {
+  :root::-webkit-scrollbar-thumb,
+  :root *::-webkit-scrollbar-thumb {
     border: 2px solid transparent;
     border-radius: 9999px;
     background-color: transparent;
     background-clip: content-box;
   }
-  .scrollbar-subtle:is(:hover, :focus, :focus-within)::-webkit-scrollbar-thumb,
-  .scrollbar-subtle *:is(:hover, :focus, :focus-within)::-webkit-scrollbar-thumb {
+  :root:is(:hover, :focus, :focus-within)::-webkit-scrollbar-thumb,
+  :root *:is(:hover, :focus, :focus-within)::-webkit-scrollbar-thumb {
     background-color: color-mix(in srgb, var(--muted-foreground) 35%, transparent);
   }
 }