@buoy-gg/highlight-updates 7.0.34 → 7.0.36

package/lib/module/highlight-updates/components/RenderCauseBadge.js

@@ -13,7 +13,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { buoyColors, night } from "@buoy-gg/shared-ui";
+import { buoyColors, night, monoFont } from "@buoy-gg/shared-ui";
 
 // Badge configuration for each cause type
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -367,7 +367,7 @@ const styles = StyleSheet.create({
   keysText: {
     fontSize: 11,
     color: night.color.textSecondary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   keysTextCompact: {
@@ -393,7 +393,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   twoLevelText: {
     fontSize: 11,
@@ -402,7 +402,7 @@ const styles = StyleSheet.create({
   twoLevelKeys: {
     fontSize: 10,
     color: night.color.textSecondary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Enhanced cause display styles (Phase 5)
   enhancedContainer: {
@@ -418,7 +418,7 @@ const styles = StyleSheet.create({
     fontSize: 14,
     fontWeight: "700",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   enhancedNativeTag: {
     // Inset display chip — the night track color.
@@ -431,7 +431,7 @@ const styles = StyleSheet.create({
     fontSize: 10,
     fontWeight: "600",
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   enhancedFlowContainer: {
     flexDirection: "row",
@@ -480,13 +480,13 @@ const styles = StyleSheet.create({
   enhancedChangeIcon: {
     fontSize: 12,
     color: night.color.warning,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     width: 16
   },
   enhancedChangeText: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   enhancedNoChanges: {

package/lib/module/highlight-updates/components/RenderDetailView.js

@@ -14,7 +14,7 @@
 
 import React, { useMemo, useState, useCallback } from "react";
 import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
-import { CopyButton, formatRelativeTime, PlusIcon, MinusIcon, EventStepperFooter, Lock, night, useLimit } from "@buoy-gg/shared-ui";
+import { CopyButton, formatRelativeTime, PlusIcon, MinusIcon, EventStepperFooter, Lock, night, useLimit, monoFont } from "@buoy-gg/shared-ui";
 import { TreeDiffViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { CAUSE_CONFIG, COMPONENT_CAUSE_CONFIG } from "./RenderCauseBadge";
 import { generateSingleComponentExport } from "../utils/rendersExportFormatter";
@@ -573,7 +573,7 @@ const styles = StyleSheet.create({
     fontSize: 11,
     fontWeight: "600",
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Answer Card
   answerCard: {
@@ -628,7 +628,7 @@ const styles = StyleSheet.create({
   propChangeText: {
     fontSize: 11,
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Details Section
   detailsSection: {
@@ -664,7 +664,7 @@ const styles = StyleSheet.create({
   detailValue: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   // Stats Row
@@ -687,7 +687,7 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: "700",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   statLabel: {
     fontSize: 10,
@@ -727,7 +727,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   // Quick Actions Section
   quickActionsSection: {
@@ -776,7 +776,7 @@ const styles = StyleSheet.create({
   filterOptionValue: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   filterOptionValueSelected: {

package/lib/module/highlight-updates/components/RenderHistoryViewer.js

@@ -10,7 +10,7 @@
 
 import React, { useState, useCallback, useMemo } from "react";
 import { View, Text, TouchableOpacity, ScrollView, StyleSheet } from "react-native";
-import { Clock, GitBranch, Database, Lock, formatRelativeTime, SectionHeader, EventStepperFooter, buoyColors, night, useLimit, ToolEmptyState } from "@buoy-gg/shared-ui";
+import { Clock, GitBranch, Database, Lock, formatRelativeTime, SectionHeader, EventStepperFooter, buoyColors, night, useLimit, ToolEmptyState, monoFont } from "@buoy-gg/shared-ui";
 import { TreeDiffViewer } from "@buoy-gg/shared-ui/dataViewer";
 import { RenderTracker } from "../utils/RenderTracker";
 import { EnhancedCauseDisplay, CAUSE_CONFIG } from "./RenderCauseBadge";
@@ -628,7 +628,7 @@ const styles = StyleSheet.create({
   eventTime: {
     fontSize: 11,
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   eventBadge: {
     flexDirection: "row",
@@ -646,7 +646,7 @@ const styles = StyleSheet.create({
   eventBadgeText: {
     fontSize: 10,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   section: {
     backgroundColor: night.color.surface,
@@ -675,7 +675,7 @@ const styles = StyleSheet.create({
   changedItem: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginBottom: 3,
     paddingLeft: 8
   },
@@ -684,7 +684,7 @@ const styles = StyleSheet.create({
   },
   propsJson: {
     fontSize: 11,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     color: night.color.text,
     // Inset code box — the night track color.
     backgroundColor: night.color.bg,
@@ -738,7 +738,7 @@ const styles = StyleSheet.create({
   compareTime: {
     fontSize: 10,
     color: night.color.textTertiary,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   compareDivider: {
     width: 30,
@@ -774,12 +774,12 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "700",
     color: night.color.warning,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   diffChangeKey: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   diffNoChanges: {
     fontSize: 12,
@@ -847,7 +847,7 @@ const styles = StyleSheet.create({
   causeDiffValue: {
     fontSize: 12,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontWeight: "500"
   },
   diffChangesTitle: {

package/lib/module/highlight-updates/components/RenderListItem.js

@@ -9,7 +9,7 @@
 
 import React, { useMemo } from "react";
 import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { ChevronRight, night, useRelativeTime } from "@buoy-gg/shared-ui";
+import { ChevronRight, night, useRelativeTime, monoFont } from "@buoy-gg/shared-ui";
 import { IdentifierBadge } from "./IdentifierBadge";
 import { RenderCauseBadge } from "./RenderCauseBadge";
 import { renderRowTestID } from "../utils/testIDs";
@@ -190,7 +190,7 @@ const styles = StyleSheet.create({
   nativeType: {
     fontSize: 10,
     color: night.color.textTertiary,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 1
   },
   accessibilityLabel: {
@@ -207,7 +207,7 @@ const styles = StyleSheet.create({
   renderCount: {
     fontSize: 11,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   bottomRow: {
     flexDirection: "row",

package/lib/module/highlight-updates/components/RendersCopySettingsView.js

@@ -9,7 +9,7 @@
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Text, StyleSheet, ScrollView } from "react-native";
-import { DynamicFilterView, macOSColors, night, FileText, FileCode, Zap, Settings, Eye, Layers, ToolbarCopyButton, ExportPreview } from "@buoy-gg/shared-ui";
+import { DynamicFilterView, macOSColors, night, FileText, FileCode, Zap, Settings, Eye, Layers, ToolbarCopyButton, ExportPreview, monoFont } from "@buoy-gg/shared-ui";
 import { DEFAULT_COPY_SETTINGS, COPY_PRESETS, PRESET_METADATA, detectActivePreset } from "../types/copySettings";
 import { generateExport, estimateExportSize, getExportSummary } from "../utils/rendersExportFormatter";
 import { loadCopySettings, saveCopySettings } from "../utils/copySettingsStorage";
@@ -448,7 +448,7 @@ const styles = StyleSheet.create({
     maxHeight: 360
   },
   previewText: {
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     fontSize: 11,
     color: night.color.text,
     lineHeight: 18

package/lib/module/highlight-updates/components/StatsDisplay.js

@@ -12,7 +12,7 @@
 
 import React, { useState, useEffect, memo } from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { Activity, night } from "@buoy-gg/shared-ui";
+import { Activity, night, monoFont } from "@buoy-gg/shared-ui";
 import { RenderTracker } from "../utils/RenderTracker";
 
 /**
@@ -64,7 +64,7 @@ const styles = StyleSheet.create({
   headerChipValue: {
     fontSize: 12,
     fontWeight: "600",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });
 export default StatsDisplay;