@buoy-gg/js-top 7.0.3

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

@@ -0,0 +1,325 @@
+"use strict";
+
+/**
+ * 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.
+ */
+
+import { memo } from "react";
+import { ScrollView, StyleSheet, Text, View } from "react-native";
+import { macOSColors, useSafeAreaInsets } from "@buoy-gg/shared-ui";
+import { badgeFor, displayName } from "./TaskTable";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "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 — 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__*/_jsxs(View, {
+    style: styles.stat,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.statLabel,
+      children: label
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.statValue, accent ? {
+        color: accent
+      } : null],
+      children: value
+    })]
+  });
+}
+export const TaskDetailView = /*#__PURE__*/memo(function TaskDetailView({
+  detail
+}) {
+  const badge = badgeFor(detail.api);
+  const insets = useSafeAreaInsets({
+    minBottom: 12
+  });
+  const maxBucket = Math.max(1, ...detail.buckets);
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    style: styles.root,
+    contentContainerStyle: {
+      paddingBottom: insets.bottom
+    },
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.identityRow,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.badge, {
+          borderColor: badge.color,
+          backgroundColor: `${badge.color}1A`
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.badgeText, {
+            color: badge.color
+          }],
+          children: badge.text
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.name,
+        numberOfLines: 2,
+        children: displayName(detail)
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.explainer,
+      children: explainerFor(detail.api)
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.sectionTitle,
+      children: "ACTIVITY \xB7 LAST 5S"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.chartRow,
+      children: detail.buckets.map((ms, i) => /*#__PURE__*/_jsx(View, {
+        style: styles.chartBarSlot,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.chartBar, {
+            height: Math.max(2, ms / maxBucket * 44),
+            backgroundColor: badge.color
+          }]
+        })
+      }, `bk${i}`))
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.chartLegend,
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.chartLegendText,
+        children: [fmt(detail.windowMs), " ms in window \xB7 ", detail.pctOfBusy.toFixed(1), "% of busy time"]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: styles.chartLegendText,
+        children: ["peak ", fmt(maxBucket), " ms/250ms"]
+      })]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.sectionTitle,
+      children: "STATS \xB7 SINCE START"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.statGrid,
+      children: [/*#__PURE__*/_jsx(Stat, {
+        label: "RUNS",
+        value: detail.calls > 0 ? fmt(detail.calls) : "—"
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "SCHEDULED",
+        value: detail.scheduleCount > 0 ? fmt(detail.scheduleCount) : "—"
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "AVG / RUN",
+        value: detail.calls > 0 ? `${fmt(detail.avgMs)} ms` : "—"
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "MAX / RUN",
+        value: detail.maxMs > 0 ? `${fmt(detail.maxMs)} ms` : "—",
+        accent: detail.maxMs >= 50 ? macOSColors.semantic.warning : undefined
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "TOTAL",
+        value: detail.totalMs > 0 ? `${fmt(detail.totalMs)} ms` : "—"
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "LAST RUN",
+        value: agoFmt(detail.lastSeenAgoMs)
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "FREEZES \xB7 60S",
+        value: detail.freezes > 0 ? `${detail.freezes}` : "0",
+        accent: detail.freezes > 0 ? macOSColors.semantic.error : undefined
+      }), /*#__PURE__*/_jsx(Stat, {
+        label: "WORST FREEZE",
+        value: detail.worstFreezeMs > 0 ? `${detail.worstFreezeMs} ms` : "—",
+        accent: detail.worstFreezeMs >= 100 ? macOSColors.semantic.error : detail.worstFreezeMs > 0 ? macOSColors.semantic.warning : undefined
+      })]
+    }), (detail.caller || (detail.frames?.length ?? 0) > 0) && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sectionTitle,
+        children: "SCHEDULED FROM"
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.siteCard,
+        children: [detail.caller && /*#__PURE__*/_jsxs(Text, {
+          style: styles.siteCaller,
+          children: [detail.caller, "()"]
+        }), detail.file && /*#__PURE__*/_jsxs(Text, {
+          style: styles.siteFile,
+          children: [detail.file, detail.line != null ? `:${detail.line}` : ""]
+        }), detail.frames?.map((f, i) => /*#__PURE__*/_jsxs(Text, {
+          style: styles.siteFrame,
+          numberOfLines: 1,
+          children: [f.file, ":", f.line, ":", f.col]
+        }, `fr${i}`)), /*#__PURE__*/_jsx(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__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sectionTitle,
+        children: "SCHEDULED FROM"
+      }), /*#__PURE__*/_jsx(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 = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: macOSColors.background.base,
+    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: macOSColors.text.primary,
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  explainer: {
+    color: macOSColors.text.muted,
+    fontSize: 11,
+    lineHeight: 15,
+    marginTop: 6,
+    marginBottom: 4
+  },
+  sectionTitle: {
+    color: macOSColors.text.muted,
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.5,
+    marginTop: 14,
+    marginBottom: 6
+  },
+  chartRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    height: 48,
+    gap: 2,
+    backgroundColor: macOSColors.background.card,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    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: macOSColors.text.muted,
+    fontSize: 10,
+    fontVariant: ["tabular-nums"]
+  },
+  statGrid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8
+  },
+  stat: {
+    width: "23%",
+    minWidth: 76,
+    flexGrow: 1,
+    backgroundColor: macOSColors.background.card,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    borderRadius: 6,
+    paddingHorizontal: 8,
+    paddingVertical: 6
+  },
+  statLabel: {
+    color: macOSColors.text.muted,
+    fontSize: 8,
+    fontWeight: "700",
+    letterSpacing: 0.4,
+    marginBottom: 3
+  },
+  statValue: {
+    color: macOSColors.text.primary,
+    fontSize: 13,
+    fontWeight: "600",
+    fontVariant: ["tabular-nums"]
+  },
+  siteCard: {
+    backgroundColor: macOSColors.background.card,
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    borderRadius: 6,
+    padding: 10,
+    gap: 3
+  },
+  siteCaller: {
+    color: macOSColors.text.primary,
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  siteFile: {
+    color: macOSColors.semantic.info,
+    fontSize: 11
+  },
+  siteFrame: {
+    color: macOSColors.text.muted,
+    fontSize: 10,
+    fontVariant: ["tabular-nums"]
+  },
+  siteNote: {
+    color: macOSColors.text.muted,
+    fontSize: 9,
+    opacity: 0.8,
+    marginTop: 4
+  },
+  sitePending: {
+    color: macOSColors.text.muted,
+    fontSize: 11
+  }
+});
+//# sourceMappingURL=TaskDetailView.js.map

package/lib/module/js-top/components/TaskDetailView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","ScrollView","StyleSheet","Text","View","macOSColors","useSafeAreaInsets","badgeFor","displayName","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","API_EXPLAINER","timeout","interval","immediate","raf","microtask","then","bridge","unattributed","other","explainerFor","api","fmt","n","Math","round","toFixed","agoFmt","ms","sec","floor","Stat","label","value","accent","style","styles","stat","children","statLabel","statValue","color","TaskDetailView","detail","badge","insets","minBottom","maxBucket","max","buckets","root","contentContainerStyle","paddingBottom","bottom","identityRow","borderColor","backgroundColor","badgeText","text","name","numberOfLines","explainer","sectionTitle","chartRow","map","i","chartBarSlot","chartBar","height","chartLegend","chartLegendText","windowMs","pctOfBusy","statGrid","calls","scheduleCount","avgMs","maxMs","semantic","warning","undefined","totalMs","lastSeenAgoMs","freezes","error","worstFreezeMs","caller","frames","length","siteCard","siteCaller","file","siteFile","line","f","siteFrame","col","siteNote","sitePending","promoted","create","flex","background","base","paddingHorizontal","flexDirection","alignItems","gap","paddingTop","borderWidth","borderRadius","paddingVertical","fontSize","fontWeight","letterSpacing","primary","muted","lineHeight","marginTop","marginBottom","card","border","default","justifyContent","width","borderTopLeftRadius","borderTopRightRadius","opacity","fontVariant","flexWrap","minWidth","flexGrow","padding","info"],"sourceRoot":"../../../../src","sources":["js-top/components/TaskDetailView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/js-top/components/TaskTable.js

@@ -0,0 +1,353 @@
+"use strict";
+
+/**
+ * The ranked task table — the "process list".
+ *
+ * Row layout (phone-first): the API is a small colored badge and the FULL
+ * width goes to the task name (the part that varies); numbers live on a
+ * second stats line instead of fixed-width columns, so nothing truncates:
+ *
+ *   1  [INTERVAL] hotIntervalWork              1240 ms  41%
+ *      ▓▓▓▓▓░░░░░  50 calls · avg 24.8 · max 31.0 · total 1.2k
+ *
+ * Sorting is a chip row above the list (column headers don't survive on a
+ * narrow screen). Rows keyed by origin key (never index: rows re-rank every
+ * tick) and memoized with a precise comparator so a tick only re-renders
+ * rows whose numbers moved.
+ */
+
+import { memo, useState } from "react";
+import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { macOSColors } from "@buoy-gg/shared-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SORT_OPTIONS = [{
+  key: "windowMs",
+  title: "RECENT"
+}, {
+  key: "calls",
+  title: "CALLS"
+}, {
+  key: "avgMs",
+  title: "AVG"
+}, {
+  key: "maxMs",
+  title: "MAX"
+}, {
+  key: "totalMs",
+  title: "TOTAL"
+}];
+export const API_BADGE = {
+  timeout: {
+    text: "TIMEOUT",
+    color: "#38BDF8",
+    prefix: "setTimeout"
+  },
+  interval: {
+    text: "INTERVAL",
+    color: "#22D3EE",
+    prefix: "setInterval"
+  },
+  immediate: {
+    text: "IMMED",
+    color: "#60A5FA",
+    prefix: "setImmediate"
+  },
+  raf: {
+    text: "RAF",
+    color: "#34D399",
+    prefix: "requestAnimationFrame"
+  },
+  microtask: {
+    text: "MICRO",
+    color: "#A78BFA",
+    prefix: "queueMicrotask"
+  },
+  then: {
+    text: "PROMISE",
+    color: "#BF5AF2",
+    prefix: "Promise.then"
+  },
+  bridge: {
+    text: "BRIDGE",
+    color: "#FBBF24",
+    prefix: "bridge"
+  },
+  unattributed: {
+    text: "SYSTEM",
+    color: "#8E8E93"
+  },
+  other: {
+    text: "OTHER",
+    color: "#8E8E93",
+    prefix: "other"
+  }
+};
+export function badgeFor(api) {
+  return API_BADGE[api] ?? API_BADGE.other;
+}
+
+/** The row label minus its API prefix — the badge already says the API. */
+export function displayName(row) {
+  if (row.api === "unattributed") return "events · React · native call-ins";
+  if (row.api === "other") return "evicted cold origins";
+  const prefix = badgeFor(row.api).prefix;
+  let name = row.label;
+  if (prefix && name.startsWith(prefix)) name = name.slice(prefix.length);
+  name = name.replace(/^[\s←@]+/, "").trim();
+  return name.length > 0 ? name : "anonymous";
+}
+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 * 10) / 10}`;
+}
+function statsLine(row) {
+  if (row.calls <= 0) return "measured by probe · not reachable from JS";
+  return `${fmt(row.calls)} calls · avg ${fmt(row.avgMs)} · max ${fmt(row.maxMs)} · total ${fmt(row.totalMs)} ms`;
+}
+const TaskRow = /*#__PURE__*/memo(function TaskRow({
+  row,
+  rank,
+  onPress
+}) {
+  const badge = badgeFor(row.api);
+  const Wrapper = onPress ? TouchableOpacity : View;
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    style: rowStyles.row,
+    ...(onPress ? {
+      onPress: () => onPress(row),
+      activeOpacity: 0.6
+    } : {}),
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: rowStyles.topLine,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: rowStyles.rank,
+        children: rank
+      }), /*#__PURE__*/_jsx(View, {
+        style: [rowStyles.badge, {
+          borderColor: badge.color,
+          backgroundColor: `${badge.color}1A`
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [rowStyles.badgeText, {
+            color: badge.color
+          }],
+          children: badge.text
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: rowStyles.name,
+        numberOfLines: 1,
+        children: displayName(row)
+      }), row.freezes > 0 && /*#__PURE__*/_jsxs(Text, {
+        style: [rowStyles.freezeBadge, row.worstFreezeMs >= 100 && rowStyles.freezeBadgeSevere],
+        children: ["\u26A0 \xD7", row.freezes]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: [rowStyles.windowMs, row.api !== "unattributed" && row.pctOfBusy >= 25 && {
+          color: row.pctOfBusy >= 50 ? macOSColors.semantic.error : macOSColors.semantic.warning
+        }],
+        children: [fmt(row.windowMs), /*#__PURE__*/_jsx(Text, {
+          style: rowStyles.unit,
+          children: " ms"
+        })]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: [rowStyles.pct, row.api === "unattributed" && rowStyles.pctMuted],
+        children: [Math.round(row.pctOfBusy), "%"]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: rowStyles.subLine,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: rowStyles.barTrack,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [rowStyles.barFill, {
+            width: `${Math.min(100, row.pctOfBusy)}%`,
+            backgroundColor: badge.color
+          }]
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: rowStyles.stats,
+        numberOfLines: 1,
+        children: statsLine(row)
+      })]
+    })]
+  });
+}, (prev, next) => prev.rank === next.rank && prev.onPress === next.onPress && prev.row.key === next.row.key && prev.row.windowMs === next.row.windowMs && prev.row.calls === next.row.calls && prev.row.maxMs === next.row.maxMs && prev.row.totalMs === next.row.totalMs && prev.row.pctOfBusy === next.row.pctOfBusy && prev.row.freezes === next.row.freezes && prev.row.worstFreezeMs === next.row.worstFreezeMs);
+export function TaskTable({
+  rows,
+  onSelectRow
+}) {
+  const [sortKey, setSortKey] = useState("windowMs");
+  const sorted = sortKey === "windowMs" ? rows : [...rows].sort((a, b) => b[sortKey] - a[sortKey]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.sortRow,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.sortLabel,
+        children: "SORT"
+      }), SORT_OPTIONS.map(o => /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setSortKey(o.key),
+        style: [styles.sortChip, sortKey === o.key && styles.sortChipOn],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.sortChipText, sortKey === o.key && styles.sortChipTextOn],
+          children: o.title
+        })
+      }, o.key))]
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      style: styles.body,
+      children: [sorted.map((row, i) => /*#__PURE__*/_jsx(TaskRow, {
+        row: row,
+        rank: i + 1,
+        onPress: onSelectRow
+      }, row.key)), sorted.length === 0 && /*#__PURE__*/_jsx(Text, {
+        style: styles.empty,
+        children: "No tasks observed yet \u2014 interact with the app."
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    minHeight: 0
+  },
+  sortRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    borderBottomWidth: 1,
+    borderBottomColor: macOSColors.border.default,
+    backgroundColor: macOSColors.background.card
+  },
+  sortLabel: {
+    color: macOSColors.text.muted,
+    fontSize: 9,
+    fontWeight: "700",
+    letterSpacing: 0.5,
+    marginRight: 2
+  },
+  sortChip: {
+    borderWidth: 1,
+    borderColor: macOSColors.border.default,
+    borderRadius: 4,
+    paddingHorizontal: 7,
+    paddingVertical: 3
+  },
+  sortChipOn: {
+    borderColor: macOSColors.semantic.info,
+    backgroundColor: `${macOSColors.semantic.info}1A`
+  },
+  sortChipText: {
+    color: macOSColors.text.muted,
+    fontSize: 9,
+    fontWeight: "600",
+    fontVariant: ["tabular-nums"]
+  },
+  sortChipTextOn: {
+    color: macOSColors.semantic.info
+  },
+  body: {
+    flex: 1
+  },
+  empty: {
+    color: macOSColors.text.muted,
+    fontSize: 12,
+    textAlign: "center",
+    paddingVertical: 24
+  }
+});
+const rowStyles = StyleSheet.create({
+  row: {
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: macOSColors.border.default,
+    gap: 5
+  },
+  topLine: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  rank: {
+    width: 16,
+    color: macOSColors.text.muted,
+    fontSize: 10,
+    fontVariant: ["tabular-nums"]
+  },
+  badge: {
+    borderWidth: 1,
+    borderRadius: 3,
+    paddingHorizontal: 4,
+    paddingVertical: 1
+  },
+  badgeText: {
+    fontSize: 8,
+    fontWeight: "700",
+    letterSpacing: 0.4
+  },
+  name: {
+    flex: 1,
+    color: macOSColors.text.primary,
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  freezeBadge: {
+    color: macOSColors.semantic.warning,
+    fontSize: 10,
+    fontWeight: "700",
+    fontVariant: ["tabular-nums"]
+  },
+  freezeBadgeSevere: {
+    color: macOSColors.semantic.error
+  },
+  windowMs: {
+    color: macOSColors.text.primary,
+    fontSize: 13,
+    fontWeight: "700",
+    fontVariant: ["tabular-nums"]
+  },
+  unit: {
+    color: macOSColors.text.muted,
+    fontSize: 10,
+    fontWeight: "400"
+  },
+  pct: {
+    width: 38,
+    textAlign: "right",
+    color: macOSColors.text.secondary,
+    fontSize: 12,
+    fontWeight: "600",
+    fontVariant: ["tabular-nums"]
+  },
+  pctMuted: {
+    color: macOSColors.text.muted
+  },
+  subLine: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingLeft: 22
+  },
+  barTrack: {
+    width: 72,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: macOSColors.background.input,
+    overflow: "hidden"
+  },
+  barFill: {
+    height: 4,
+    borderRadius: 2,
+    opacity: 0.85
+  },
+  stats: {
+    flex: 1,
+    color: macOSColors.text.muted,
+    fontSize: 10,
+    fontVariant: ["tabular-nums"]
+  }
+});
+//# sourceMappingURL=TaskTable.js.map