@omniloy/sofia-sdk 1.0.11 → 1.0.12

package/dist/react/index.css

@@ -230,6 +230,7 @@
   --color-gray-200: oklch(92.8% 0.006 264.531);
   --color-gray-500: oklch(55.1% 0.027 264.364);
   --color-gray-900: oklch(21% 0.034 264.665);
+  --color-zinc-500: oklch(55.2% 0.016 285.938);
   --color-zinc-900: oklch(21% 0.006 285.885);
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
@@ -3321,85 +3322,104 @@
   }
 }
 
+/* Escala de encabezados calibrada al ancho del panel del chat (~380px) con
+   cuerpo de 14px. La escala anterior (26/24/22/20/18px) venía de la tipografía
+   por defecto de un documento a ancho completo: en el panel el encabezado
+   dominaba el mensaje y los seis niveles quedaban a 2px unos de otros, sin
+   jerarquía legible. Aquí h1-h3 bajan de tamaño y h4-h6 se diferencian por
+   peso, no por tamaño. Los márgenes usan --spacing (rem): un host que altere
+   el font-size de :root los escala, aunque los tamaños en px no se muevan. */
+
 .omniscribe_markdown-h1 {
-  margin-bottom: calc(var(--spacing) * 8) /* 2rem = 32px */;
-  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;
-  font-size: var(--text-4xl) /* 2.25rem = 36px */;
-  line-height: var(--text-4xl--line-height) /* calc(2.5 / 2.25) ≈ 1.1111 */;
-  font-weight: var(--font-weight-extrabold) /* 800 */;
+  margin-top: calc(var(--spacing) * 5) /* 20px */;
+  margin-bottom: calc(var(--spacing) * 2) /* 8px */;
+  scroll-margin: calc(var(--spacing) * 20) /* 80px */;
+  font-size: var(--text-xl) /* 20px */;
+  line-height: var(--text-xl--line-height);
+  font-weight: var(--font-weight-bold) /* 700 */;
   letter-spacing: var(--tracking-tight) /* -0.025em */;
+  &:first-child {
+    margin-top: calc(var(--spacing) * 0);
+  }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }
 
 .omniscribe_markdown-h2 {
-  margin-bottom: calc(var(--spacing) * 4);
-  margin-top: calc(var(--spacing) * 8) /* 2rem = 32px */;
-  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;
-  font-size: var(--text-3xl) /* 1.875rem = 30px */;
-  line-height: var(--text-3xl--line-height) /* calc(2.25 / 1.875) ≈ 1.2 */;
+  margin-top: calc(var(--spacing) * 4) /* 16px */;
+  margin-bottom: calc(var(--spacing) * 2) /* 8px */;
+  scroll-margin: calc(var(--spacing) * 20);
+  font-size: var(--text-lg) /* 18px */;
+  line-height: var(--text-lg--line-height);
   font-weight: var(--font-weight-semibold) /* 600 */;
-  letter-spacing: var(--tracking-tight) /* -0.025em */;
+  letter-spacing: var(--tracking-tight);
   &:first-child {
-    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-top: calc(var(--spacing) * 0);
   }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }
+
 .omniscribe_markdown-h3 {
-  margin-bottom: calc(var(--spacing) * 4);
-  margin-top: calc(var(--spacing) * 6);
-  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;
-  font-size: var(--text-2xl);
-  line-height: var(--text-2xl--line-height);
+  margin-top: calc(var(--spacing) * 4) /* 16px */;
+  margin-bottom: calc(var(--spacing) * 2) /* 8px */;
+  scroll-margin: calc(var(--spacing) * 20);
+  font-size: var(--text-base) /* 16px */;
+  line-height: var(--text-base--line-height);
   font-weight: var(--font-weight-semibold) /* 600 */;
-  letter-spacing: var(--tracking-tight) /* -0.025em */;
   &:first-child {
-    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-top: calc(var(--spacing) * 0);
   }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }
 
+/* h4-h6 comparten el tamaño del cuerpo (14px) y se distinguen por peso.
+   Bajar de 14px haría el encabezado menos legible que el texto que titula. */
 .omniscribe_markdown-h4 {
-  margin-bottom: calc(var(--spacing) * 4);
-  margin-top: calc(var(--spacing) * 6);
-  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;
-  font-size: var(--text-xl);
-  line-height: var(--text-xl--line-height);
-  font-weight: var(--font-weight-semibold) /* 600 */;
-  letter-spacing: var(--tracking-tight) /* -0.025em */;
+  margin-top: calc(var(--spacing) * 3) /* 12px */;
+  margin-bottom: calc(var(--spacing) * 1) /* 4px */;
+  scroll-margin: calc(var(--spacing) * 20);
+  font-size: var(--text-sm) /* 14px */;
+  line-height: var(--text-sm--line-height);
+  font-weight: var(--font-weight-bold) /* 700 */;
   &:first-child {
-    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-top: calc(var(--spacing) * 0);
   }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }
+
 .omniscribe_markdown-h5 {
-  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;
-  font-size: var(--text-lg);
-  line-height: var(--text-lg--line-height);
+  margin-top: calc(var(--spacing) * 3) /* 12px */;
+  margin-bottom: calc(var(--spacing) * 1) /* 4px */;
+  font-size: var(--text-sm) /* 14px */;
+  line-height: var(--text-sm--line-height);
   font-weight: var(--font-weight-semibold) /* 600 */;
   &:first-child {
-    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-top: calc(var(--spacing) * 0);
   }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }
 
 .omniscribe_markdown-h6 {
-  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;
+  margin-top: calc(var(--spacing) * 3) /* 12px */;
+  margin-bottom: calc(var(--spacing) * 1) /* 4px */;
+  font-size: var(--text-sm) /* 14px */;
+  line-height: var(--text-sm--line-height);
   font-weight: var(--font-weight-semibold) /* 600 */;
+  color: var(--color-zinc-500);
   &:first-child {
-    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-top: calc(var(--spacing) * 0);
   }
   &:last-child {
-    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;
+    margin-bottom: calc(var(--spacing) * 0);
   }
 }