@softize/opus 9.0.6 → 9.0.7

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.7 — 2026-08-18
+
+**Scrollbars nativas podem compartilhar um acabamento discreto e previsível.** A classe
+`scrollbar-subtle` veste um scroller ou todo um shell: o indicador fino aparece ao passar
+o ponteiro ou navegar com teclado pela região, sem depender da preferência global de
+barras do macOS e sem adicionar listeners ao caminho de scroll. O `Chat` já adota o novo
+acabamento.
+
 ## 9.0.6 — 2026-08-18
 
 **As falas do usuário no `Chat` voltam ao fluxo normal da conversa.** Elas usam fundo

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softize/opus",
-  "version": "9.0.6",
+  "version": "9.0.7",
   "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="flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4"
+      className="scrollbar-subtle 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,6 +180,43 @@
   }
 }
 
+/* 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. */
+@media (hover: hover) {
+  .scrollbar-subtle,
+  .scrollbar-subtle * {
+    scrollbar-color: transparent transparent;
+    scrollbar-width: thin;
+  }
+  .scrollbar-subtle:is(:hover, :focus, :focus-within),
+  .scrollbar-subtle *: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 {
+    width: 0.5rem;
+    height: 0.5rem;
+  }
+  .scrollbar-subtle::-webkit-scrollbar-track,
+  .scrollbar-subtle *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  .scrollbar-subtle::-webkit-scrollbar-thumb,
+  .scrollbar-subtle *::-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 {
+    background-color: color-mix(in srgb, var(--muted-foreground) 35%, transparent);
+  }
+}
+
 /* Markdown (componente `prose`) segue os tokens da casa — light/dark sozinho via as vars
    (que já viram no `.dark`), então dispensa o `prose-invert`. O corpo é muted (como era na
    versão à mão); headings/bold no foreground; bordas/regras no --border. */