@buoy-gg/js-top 7.0.41 → 7.0.43

package/lib/commonjs/js-top/components/TaskDetailView.js

@@ -1,330 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TaskDetailView = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _TaskTable = require("./TaskTable");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * TaskDetailView — the "inspect process" screen behind a row tap.
- *
- * Shows everything the engine knows about one origin: a 5s activity bar
- * chart (the per-origin bucket ring, rendered nowhere else), the full stat
- * grid (schedules vs runs, avg/max/total, freezes), the captured scheduling
- * site (caller + raw frames), and a plain-language explanation of what this
- * origin type means. Data refreshes with the modal's snapshot tick — the
- * parent re-renders us and we re-pull the detail.
- */
-
-const API_EXPLAINER = {
-  timeout: "Work scheduled with setTimeout. Time shown is the callback's exclusive run time on the JS thread.",
-  interval: "A repeating setInterval. One scheduling site, many runs — a hot interval is the classic silent JS-FPS killer.",
-  immediate: "Work scheduled with setImmediate — runs at the end of the current event-loop turn.",
-  raf: "requestAnimationFrame work — runs once per frame while scheduled. Cost here directly trades against 60fps.",
-  microtask: "queueMicrotask work — runs after the current task, before the thread yields.",
-  then: "Promise reaction (.then/.catch/.finally). Named by the function that attached the reaction. Note: async/await bodies bypass .then and land in the System row instead.",
-  bridge: "A native→JS call-in over the legacy bridge (events, module callbacks), measured as its un-nested remainder.",
-  unattributed: "Thread time the probe measured but no JS wrapper could claim: touch handlers, React commits, native call-ins, and async/await bodies. High here on New Architecture is normal — it's where UI work lives.",
-  other: "Origins evicted from the table when the registry hit its cap — their totals are preserved here."
-};
-function explainerFor(api) {
-  return API_EXPLAINER[api] ?? API_EXPLAINER.other;
-}
-function fmt(n) {
-  if (n >= 10_000) return `${Math.round(n / 1000)}k`;
-  if (n >= 1000) return `${(n / 1000).toFixed(1)}k`;
-  if (n >= 100) return `${Math.round(n)}`;
-  return `${Math.round(n * 100) / 100}`;
-}
-function agoFmt(ms) {
-  if (ms <= 0) return "—";
-  const sec = ms / 1000;
-  if (sec < 1) return "just now";
-  if (sec < 60) return `${Math.round(sec)}s ago`;
-  return `${Math.floor(sec / 60)}m ago`;
-}
-function Stat({
-  label,
-  value,
-  accent
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.stat,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.statLabel,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.statValue, accent ? {
-        color: accent
-      } : null],
-      children: value
-    })]
-  });
-}
-const TaskDetailView = exports.TaskDetailView = /*#__PURE__*/(0, _react.memo)(function TaskDetailView({
-  detail
-}) {
-  const badge = (0, _TaskTable.badgeFor)(detail.api);
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 12
-  });
-  const maxBucket = Math.max(1, ...detail.buckets);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.root,
-    contentContainerStyle: {
-      paddingBottom: insets.bottom
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.identityRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.badge, {
-          borderColor: badge.color,
-          backgroundColor: `${badge.color}1A`
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.badgeText, {
-            color: badge.color
-          }],
-          children: badge.text
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.name,
-        numberOfLines: 2,
-        children: (0, _TaskTable.displayName)(detail)
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.explainer,
-      children: explainerFor(detail.api)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.sectionTitle,
-      children: "ACTIVITY \xB7 LAST 5S"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.chartRow,
-      children: detail.buckets.map((ms, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.chartBarSlot,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.chartBar, {
-            height: Math.max(2, ms / maxBucket * 44),
-            backgroundColor: badge.color
-          }]
-        })
-      }, `bk${i}`))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.chartLegend,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.chartLegendText,
-        children: [fmt(detail.windowMs), " ms in window \xB7 ", detail.pctOfBusy.toFixed(1), "% of busy time"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.chartLegendText,
-        children: ["peak ", fmt(maxBucket), " ms/250ms"]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.sectionTitle,
-      children: "STATS \xB7 SINCE START"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.statGrid,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "RUNS",
-        value: detail.calls > 0 ? fmt(detail.calls) : "—"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "SCHEDULED",
-        value: detail.scheduleCount > 0 ? fmt(detail.scheduleCount) : "—"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "AVG / RUN",
-        value: detail.calls > 0 ? `${fmt(detail.avgMs)} ms` : "—"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "MAX / RUN",
-        value: detail.maxMs > 0 ? `${fmt(detail.maxMs)} ms` : "—",
-        accent: detail.maxMs >= 50 ? _sharedUi.macOSColors.semantic.warning : undefined
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "TOTAL",
-        value: detail.totalMs > 0 ? `${fmt(detail.totalMs)} ms` : "—"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "LAST RUN",
-        value: agoFmt(detail.lastSeenAgoMs)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "FREEZES \xB7 60S",
-        value: detail.freezes > 0 ? `${detail.freezes}` : "0",
-        accent: detail.freezes > 0 ? _sharedUi.macOSColors.semantic.error : undefined
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Stat, {
-        label: "WORST FREEZE",
-        value: detail.worstFreezeMs > 0 ? `${detail.worstFreezeMs} ms` : "—",
-        accent: detail.worstFreezeMs >= 100 ? _sharedUi.macOSColors.semantic.error : detail.worstFreezeMs > 0 ? _sharedUi.macOSColors.semantic.warning : undefined
-      })]
-    }), (detail.caller || (detail.frames?.length ?? 0) > 0) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionTitle,
-        children: "SCHEDULED FROM"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.siteCard,
-        children: [detail.caller && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.siteCaller,
-          children: [detail.caller, "()"]
-        }), detail.file && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.siteFile,
-          children: [detail.file, detail.line != null ? `:${detail.line}` : ""]
-        }), detail.frames?.map((f, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: styles.siteFrame,
-          numberOfLines: 1,
-          children: [f.file, ":", f.line, ":", f.col]
-        }, `fr${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.siteNote,
-          children: "Frames are bundle offsets (Hermes) \u2014 the caller name above is the readable part. Captured once when this origin got hot."
-        })]
-      })]
-    }), !detail.caller && (detail.frames?.length ?? 0) === 0 && detail.api !== "unattributed" && detail.api !== "other" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sectionTitle,
-        children: "SCHEDULED FROM"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.sitePending,
-        children: detail.promoted ? "Stack capture pending — next schedule from this site will record it." : "Not hot enough yet — the scheduling stack is captured once an origin passes 25 schedules or 50ms total."
-      })]
-    })]
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  root: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent",
-    paddingHorizontal: 12
-  },
-  identityRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    paddingTop: 12
-  },
-  badge: {
-    borderWidth: 1,
-    borderRadius: 3,
-    paddingHorizontal: 5,
-    paddingVertical: 2
-  },
-  badgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.4
-  },
-  name: {
-    flex: 1,
-    color: _sharedUi.night.color.text,
-    fontSize: 15,
-    fontWeight: "600"
-  },
-  explainer: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11,
-    lineHeight: 15,
-    marginTop: 6,
-    marginBottom: 4
-  },
-  sectionTitle: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 9,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    marginTop: 14,
-    marginBottom: 6
-  },
-  chartRow: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    height: 48,
-    gap: 2,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    paddingHorizontal: 6,
-    paddingTop: 2
-  },
-  chartBarSlot: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "flex-end"
-  },
-  chartBar: {
-    width: "70%",
-    borderTopLeftRadius: 2,
-    borderTopRightRadius: 2,
-    opacity: 0.9
-  },
-  chartLegend: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    marginTop: 4
-  },
-  chartLegendText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  statGrid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8
-  },
-  stat: {
-    width: "23%",
-    minWidth: 76,
-    flexGrow: 1,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderRadius: 6,
-    paddingHorizontal: 8,
-    paddingVertical: 6
-  },
-  statLabel: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 8,
-    fontWeight: "700",
-    letterSpacing: 0.4,
-    marginBottom: 3
-  },
-  statValue: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600",
-    fontVariant: ["tabular-nums"]
-  },
-  siteCard: {
-    backgroundColor: _sharedUi.night.color.surface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    borderRadius: 6,
-    padding: 10,
-    gap: 3
-  },
-  siteCaller: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  siteFile: {
-    color: _sharedUi.night.color.info,
-    fontSize: 11
-  },
-  siteFrame: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 10,
-    fontVariant: ["tabular-nums"]
-  },
-  siteNote: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 9,
-    opacity: 0.8,
-    marginTop: 4
-  },
-  sitePending: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11
-  }
-});
-//# sourceMappingURL=TaskDetailView.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.TaskDetailView=void 0;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _TaskTable=require("./TaskTable");var _jsxRuntime=require("react/jsx-runtime");const API_EXPLAINER={timeout:"Work scheduled with setTimeout. Time shown is the callback's exclusive run time on the JS thread.",interval:"A repeating setInterval. One scheduling site, many runs \u2014 a hot interval is the classic silent JS-FPS killer.",immediate:"Work scheduled with setImmediate \u2014 runs at the end of the current event-loop turn.",raf:"requestAnimationFrame work \u2014 runs once per frame while scheduled. Cost here directly trades against 60fps.",microtask:"queueMicrotask work \u2014 runs after the current task, before the thread yields.",then:"Promise reaction (.then/.catch/.finally). Named by the function that attached the reaction. Note: async/await bodies bypass .then and land in the System row instead.",bridge:"A native\u2192JS call-in over the legacy bridge (events, module callbacks), measured as its un-nested remainder.",unattributed:"Thread time the probe measured but no JS wrapper could claim: touch handlers, React commits, native call-ins, and async/await bodies. High here on New Architecture is normal \u2014 it's where UI work lives.",other:"Origins evicted from the table when the registry hit its cap \u2014 their totals are preserved here."};function explainerFor(t){return API_EXPLAINER[t]??API_EXPLAINER.other}function fmt(t){if(t>=1e4)return`${Math.round(t/1e3)}k`;if(t>=1e3)return`${(t/1e3).toFixed(1)}k`;if(t>=100)return`${Math.round(t)}`;return`${Math.round(t*100)/100}`}function agoFmt(t){if(t<=0)return"\u2014";const e=t/1e3;if(e<1)return"just now";if(e<60)return`${Math.round(e)}s ago`;return`${Math.floor(e/60)}m ago`}function Stat({label:t,value:e,accent:r}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.stat,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.statLabel,children:t}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.statValue,r?{color:r}:null],children:e})]})}const TaskDetailView=exports.TaskDetailView=(0,_react.memo)(function t({detail:e}){const r=(0,_TaskTable.badgeFor)(e.api);const s=(0,_sharedUi.useSafeAreaInsets)({minBottom:12});const i=Math.max(1,...e.buckets);return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.root,contentContainerStyle:{paddingBottom:s.bottom},children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.identityRow,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.badge,{borderColor:r.color,backgroundColor:`${r.color}1A`}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.badgeText,{color:r.color}],children:r.text})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.name,numberOfLines:2,children:(0,_TaskTable.displayName)(e)})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.explainer,children:explainerFor(e.api)}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"ACTIVITY \xB7 LAST 5S"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chartRow,children:e.buckets.map((o,n)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.chartBarSlot,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.chartBar,{height:Math.max(2,o/i*44),backgroundColor:r.color}]})},`bk${n}`))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.chartLegend,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.chartLegendText,children:[fmt(e.windowMs)," ms in window \xB7 ",e.pctOfBusy.toFixed(1),"% of busy time"]}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.chartLegendText,children:["peak ",fmt(i)," ms/250ms"]})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"STATS \xB7 SINCE START"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statGrid,children:[(0,_jsxRuntime.jsx)(Stat,{label:"RUNS",value:e.calls>0?fmt(e.calls):"\u2014"}),(0,_jsxRuntime.jsx)(Stat,{label:"SCHEDULED",value:e.scheduleCount>0?fmt(e.scheduleCount):"\u2014"}),(0,_jsxRuntime.jsx)(Stat,{label:"AVG / RUN",value:e.calls>0?`${fmt(e.avgMs)} ms`:"\u2014"}),(0,_jsxRuntime.jsx)(Stat,{label:"MAX / RUN",value:e.maxMs>0?`${fmt(e.maxMs)} ms`:"\u2014",accent:e.maxMs>=50?_sharedUi.macOSColors.semantic.warning:void 0}),(0,_jsxRuntime.jsx)(Stat,{label:"TOTAL",value:e.totalMs>0?`${fmt(e.totalMs)} ms`:"\u2014"}),(0,_jsxRuntime.jsx)(Stat,{label:"LAST RUN",value:agoFmt(e.lastSeenAgoMs)}),(0,_jsxRuntime.jsx)(Stat,{label:"FREEZES \xB7 60S",value:e.freezes>0?`${e.freezes}`:"0",accent:e.freezes>0?_sharedUi.macOSColors.semantic.error:void 0}),(0,_jsxRuntime.jsx)(Stat,{label:"WORST FREEZE",value:e.worstFreezeMs>0?`${e.worstFreezeMs} ms`:"\u2014",accent:e.worstFreezeMs>=100?_sharedUi.macOSColors.semantic.error:e.worstFreezeMs>0?_sharedUi.macOSColors.semantic.warning:void 0})]}),(e.caller||(e.frames?.length??0)>0)&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"SCHEDULED FROM"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.siteCard,children:[e.caller&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.siteCaller,children:[e.caller,"()"]}),e.file&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.siteFile,children:[e.file,e.line!=null?`:${e.line}`:""]}),e.frames?.map((o,n)=>(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.siteFrame,numberOfLines:1,children:[o.file,":",o.line,":",o.col]},`fr${n}`)),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.siteNote,children:"Frames are bundle offsets (Hermes) \u2014 the caller name above is the readable part. Captured once when this origin got hot."})]})]}),!e.caller&&(e.frames?.length??0)===0&&e.api!=="unattributed"&&e.api!=="other"&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionTitle,children:"SCHEDULED FROM"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sitePending,children:e.promoted?"Stack capture pending \u2014 next schedule from this site will record it.":"Not hot enough yet \u2014 the scheduling stack is captured once an origin passes 25 schedules or 50ms total."})]})]})});const styles=_reactNative.StyleSheet.create({root:{flex:1,backgroundColor:"transparent",paddingHorizontal:12},identityRow:{flexDirection:"row",alignItems:"center",gap:8,paddingTop:12},badge:{borderWidth:1,borderRadius:3,paddingHorizontal:5,paddingVertical:2},badgeText:{fontSize:9,fontWeight:"700",letterSpacing:.4},name:{flex:1,color:_sharedUi.night.color.text,fontSize:15,fontWeight:"600"},explainer:{color:_sharedUi.night.color.textTertiary,fontSize:11,lineHeight:15,marginTop:6,marginBottom:4},sectionTitle:{color:_sharedUi.night.color.textTertiary,fontSize:9,fontWeight:"700",letterSpacing:.5,marginTop:14,marginBottom:6},chartRow:{flexDirection:"row",alignItems:"flex-end",height:48,gap:2,backgroundColor:_sharedUi.night.color.surface,borderRadius:6,borderWidth:1,borderColor:_sharedUi.night.color.border,paddingHorizontal:6,paddingTop:2},chartBarSlot:{flex:1,alignItems:"center",justifyContent:"flex-end"},chartBar:{width:"70%",borderTopLeftRadius:2,borderTopRightRadius:2,opacity:.9},chartLegend:{flexDirection:"row",justifyContent:"space-between",marginTop:4},chartLegendText:{color:_sharedUi.night.color.textTertiary,fontSize:10,fontVariant:["tabular-nums"]},statGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},stat:{width:"23%",minWidth:76,flexGrow:1,backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border,borderRadius:6,paddingHorizontal:8,paddingVertical:6},statLabel:{color:_sharedUi.night.color.textTertiary,fontSize:8,fontWeight:"700",letterSpacing:.4,marginBottom:3},statValue:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600",fontVariant:["tabular-nums"]},siteCard:{backgroundColor:_sharedUi.night.color.surface,borderWidth:1,borderColor:_sharedUi.night.color.border,borderRadius:6,padding:10,gap:3},siteCaller:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},siteFile:{color:_sharedUi.night.color.info,fontSize:11},siteFrame:{color:_sharedUi.night.color.textTertiary,fontSize:10,fontVariant:["tabular-nums"]},siteNote:{color:_sharedUi.night.color.textTertiary,fontSize:9,opacity:.8,marginTop:4},sitePending:{color:_sharedUi.night.color.textTertiary,fontSize:11}});