Show source of diagnostic hovers

styles/src/styleTree/hoverPopover.ts

@@ -1,5 +1,5 @@
 import { ColorScheme } from "../themes/common/colorScheme"
-import { background, border, text } from "./components"
+import { background, border, foreground, text } from "./components"
 
 export default function HoverPopover(colorScheme: ColorScheme) {
     let layer = colorScheme.middle
@@ -36,10 +36,11 @@ export default function HoverPopover(colorScheme: ColorScheme) {
             background: background(layer, "negative"),
             border: border(layer, "negative"),
         },
-        block_style: {
+        blockStyle: {
             padding: { top: 4 },
         },
         prose: text(layer, "sans", { size: "sm" }),
+        diagnosticSource: text(layer, "sans", { size: "sm", underline: true, color: foreground(layer, "accent") }),
         highlight: colorScheme.ramps.neutral(0.5).alpha(0.2).hex(), // TODO: blend was used here. Replace with something better
     }
 }