@buoy-gg/console 7.0.41 → 7.0.43

package/README.md

@@ -1,85 +1,27 @@
-# @buoy-gg/console
+<div align="center">
 
-[![npm version](https://img.shields.io/npm/v/@buoy-gg/console?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/console) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/console?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/console)
+# @buoy-gg/console
 
 Read captured JavaScript console logs in your React Native app. Filter messages by level, search their contents, and inspect logged objects.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
+<a href="https://buoy.gg/buoy/latest/docs/tools/console"><b>Console guide</b></a> &nbsp;·&nbsp; <a href="https://buoy.gg">buoy.gg</a> &nbsp;·&nbsp; <a href="https://github.com/Buoy-gg/buoy">All tools</a>
 
-## Install
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/console?style=flat-square&labelColor=10302a&color=2a9d78)](https://www.npmjs.com/package/@buoy-gg/console) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/console?style=flat-square&labelColor=10302a&color=2a9d78&label=downloads%2Fmonth)](https://www.npmjs.com/package/@buoy-gg/console)
 
-```bash
-npm install @buoy-gg/core @buoy-gg/console
-```
+<a href="https://buoy.gg/buoy/latest/docs/tools/console"><img src="https://raw.githubusercontent.com/Buoy-gg/buoy/main/.github/readme/tools/console.png" alt="Watch the Console film on buoy.gg" width="640" /></a>
 
-## Before you start
+</div>
 
-Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+## Install
 
 ```bash
-npx --package=@buoy-gg/core buoy login
-```
-
-For Expo, initialize Buoy before rendering the menu:
-
-```tsx
-import { Buoy } from "@buoy-gg/core";
-
-Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
-```
-
-The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
-
-## Quick start
-
-After initialization and account admission, Console captures supported JavaScript logs. It can retain logs emitted before the panel opens:
-
-```tsx
-import { FloatingDevTools } from "@buoy-gg/core";
-
-export default function App() {
-  return (
-    <>
-      {/* your app */}
-      <FloatingDevTools />  {/* Console tool auto-detected, capture auto-starts */}
-    </>
-  );
-}
+npm install @buoy-gg/core @buoy-gg/console
 ```
 
-That's the whole setup — it patches `console.*` directly, so no logger integration or Babel plugin is required.
-
-> Upgrading? Older versions required mounting `<ConsoleRoot />` manually. That's automatic now; an existing manual mount is harmless (capture install is idempotent) and can be deleted.
-
-## Check the integration
-
-After Buoy is initialized and your account is admitted, trigger a `console.log` in your app and find it in Console. Logs removed by your release build and native crash reports are not captured JavaScript console messages.
-
-## What you get
+Console patches `console.*` directly, so there is no logger integration or Babel plugin to set up.
 
-- **Everything logged, everywhere** — patches `console.*` directly, so logs from your own code *and* your dependencies are captured with no extra setup.
-- **Fatal crashes captured too** — uncaught JS errors (including fatal render crashes) are hooked from React Native's global error handler and recorded as `[FATAL]`-tagged error entries, so a crashed app's last words are in the log instead of nowhere.
-- **Live, color-coded stream** — `log`, `info`, `warn`, and `error` stream in as they happen, color-coded by level.
-- **Chrome-DevTools-style panel** — a 1:1 port of the Chrome console view: objects and arrays are formatted and expandable, just like the browser.
-- **Filter by level** — focus on just errors and warnings when you're chasing a bug.
-- **Search** — filter messages by substring to find the exact log you care about.
-- **Preserve log** — an optional setting keeps the buffer across reloads, honored from the very first log.
-- **Read production logs** — Buoy runs on-device in any build, so you can read console output from a release build with no cable and no Metro connection.
-
-## Desktop & AI
-
-To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
-
-## Account and plan requirements
-
-Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
+The [Console guide](https://buoy.gg/buoy/latest/docs/tools/console) covers setup, what it captures and its limits. New to Buoy? Start with the [Quick start](https://buoy.gg/buoy/latest/docs/quick-start).
 
 ---
 
-📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/console) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
-
-Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
-
-## Web support (unreleased)
-
-Register this package’s /web namespace in FloatingDevTools modules to use its shared panels and actions in a browser app. The browser build is available in this checkout and has not been published yet. See the [web setup guide](https://buoy.gg/buoy/latest/docs/web-preview) for registration, dependencies, and browser boundaries.
+<sub>Part of <a href="https://buoy.gg">Buoy</a>, developer tools that live inside your app. Proprietary software. © Buoy LLC. <a href="https://buoy.gg/terms">Terms</a></sub>

package/lib/commonjs/components/ConsoleIcon.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CONSOLE_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.CONSOLE_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ConsoleIcon", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ConsoleIcon;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
-//# sourceMappingURL=ConsoleIcon.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"CONSOLE_ICON_COLOR",{enumerable:true,get:function(){return _sharedUi.CONSOLE_ICON_COLOR}});Object.defineProperty(exports,"ConsoleIcon",{enumerable:true,get:function(){return _sharedUi.ConsoleIcon}});var _sharedUi=require("@buoy-gg/shared-ui");

package/lib/commonjs/components/ConsoleLogList.js

@@ -1,152 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleLogList = ConsoleLogList;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _useConsoleLogs = require("../hooks/useConsoleLogs");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _consoleLogStore = require("../store/consoleLogStore");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const LEVEL_COLOR = {
-  verbose: "#9b9b9b",
-  info: _sharedUi.night.color.text,
-  warning: "#e2c08d",
-  error: "#f48771"
-};
-function formatTime(ts) {
-  const d = new Date(ts);
-  const pad = (n, len = 2) => String(n).padStart(len, "0");
-  return `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}.${pad(d.getMilliseconds(), 3)}`;
-}
-
-/**
- * Basic console log list — a flat, newest-last stream of captured entries.
- * This is the proof-of-concept view; it will be replaced by a 1:1 port of
- * Chrome DevTools' console once capture is verified.
- */
-function ConsoleLogList() {
-  const {
-    logs
-  } = (0, _useConsoleLogs.useConsoleLogs)();
-  const renderItem = ({
-    item
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.row,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.time,
-      children: formatTime(item.timestamp)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.level, {
-        color: LEVEL_COLOR[item.level]
-      }],
-      children: item.level.toUpperCase()
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.message, {
-        color: LEVEL_COLOR[item.level]
-      }],
-      numberOfLines: 3,
-      children: item.message
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.header,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-        style: styles.headerTitle,
-        children: ["Console (", logs.length, ")"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => (0, _consoleLogStore.clearEntries)(),
-        style: styles.clearButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.clearText,
-          children: "Clear"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      data: logs,
-      keyExtractor: item => String(item.id),
-      renderItem: renderItem,
-      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-        testID: "buoy-console-empty"
-        // printing = "console streaming; logs arriving" — armed and
-        // waiting for the first line.
-        ,
-        otto: "printing",
-        title: "No console logs captured yet",
-        message: "console.log, .warn and .error from your app land here as they run."
-      }),
-      contentContainerStyle: logs.length === 0 ? styles.emptyContainer : undefined
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.border
-  },
-  headerTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  clearButton: {
-    paddingHorizontal: 10,
-    paddingVertical: 4,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.surfaceElevated
-  },
-  clearText: {
-    color: _sharedUi.night.color.text,
-    fontSize: 12
-  },
-  row: {
-    flexDirection: "row",
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.separator,
-    gap: 8
-  },
-  time: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11,
-    fontVariant: ["tabular-nums"],
-    minWidth: 86
-  },
-  level: {
-    fontSize: 11,
-    fontWeight: "700",
-    minWidth: 44
-  },
-  message: {
-    flex: 1,
-    fontSize: 12,
-    fontFamily: _sharedUi.monoFont
-  },
-  empty: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 13,
-    textAlign: "center"
-  },
-  emptyContainer: {
-    flexGrow: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  }
-});
-//# sourceMappingURL=ConsoleLogList.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleLogList=ConsoleLogList;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _useConsoleLogs=require("../hooks/useConsoleLogs");var _sharedUi=require("@buoy-gg/shared-ui");var _consoleLogStore=require("../store/consoleLogStore");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const LEVEL_COLOR={verbose:"#9b9b9b",info:_sharedUi.night.color.text,warning:"#e2c08d",error:"#f48771"};function formatTime(t){const o=new Date(t);const e=(r,n=2)=>String(r).padStart(n,"0");return`${e(o.getHours())}:${e(o.getMinutes())}:${e(o.getSeconds())}.${e(o.getMilliseconds(),3)}`}function ConsoleLogList(){const{logs:t}=(0,_useConsoleLogs.useConsoleLogs)();const o=({item:e})=>(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.row,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.time,children:formatTime(e.timestamp)}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.level,{color:LEVEL_COLOR[e.level]}],children:e.level.toUpperCase()}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.message,{color:LEVEL_COLOR[e.level]}],numberOfLines:3,children:e.message})]});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.header,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.headerTitle,children:["Console (",t.length,")"]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>(0,_consoleLogStore.clearEntries)(),style:styles.clearButton,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.clearText,children:"Clear"})})]}),(0,_jsxRuntime.jsx)(_reactNative.FlatList,{data:t,keyExtractor:e=>String(e.id),renderItem:o,ListEmptyComponent:(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-console-empty",otto:"printing",title:"No console logs captured yet",message:"console.log, .warn and .error from your app land here as they run."}),contentContainerStyle:t.length===0?styles.emptyContainer:void 0})]})}const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:8,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.border},headerTitle:{color:_sharedUi.night.color.text,fontSize:13,fontWeight:"600"},clearButton:{paddingHorizontal:10,paddingVertical:4,borderRadius:4,backgroundColor:_sharedUi.night.color.surfaceElevated},clearText:{color:_sharedUi.night.color.text,fontSize:12},row:{flexDirection:"row",paddingHorizontal:12,paddingVertical:4,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.separator,gap:8},time:{color:_sharedUi.night.color.textTertiary,fontSize:11,fontVariant:["tabular-nums"],minWidth:86},level:{fontSize:11,fontWeight:"700",minWidth:44},message:{flex:1,fontSize:12,fontFamily:_sharedUi.monoFont},empty:{color:_sharedUi.night.color.textTertiary,fontSize:13,textAlign:"center"},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center"}});

package/lib/commonjs/components/ConsoleModal.js

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleModal = ConsoleModal;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _useConsoleController = require("../devtools/useConsoleController");
-var _ConsoleHeader = require("../devtools/ConsoleHeader");
-var _ConsoleBody = require("../devtools/ConsoleBody");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ConsoleModal
- *
- * Bottom-sheet wrapper for the console, rendered by FloatingDevTools when the
- * Console tool is opened. The controls live in the shared ModalHeader
- * (`customContent`) — matching Network/Events — and the body is the log list.
- */
-
-function ConsoleModal({
-  visible,
-  onClose,
-  onBack,
-  onMinimize,
-  persistenceKey
-}) {
-  const c = (0, _useConsoleController.useConsoleController)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: persistenceKey,
-    header: {
-      showToggleButton: true,
-      customContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsoleHeader.ConsoleHeader, {
-        c: c,
-        onBack: onBack
-      })
-    },
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    disableScrollWrapper: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsoleBody.ConsoleBody, {
-      c: c
-    })
-  });
-}
-//# sourceMappingURL=ConsoleModal.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleModal=ConsoleModal;var _sharedUi=require("@buoy-gg/shared-ui");var _useConsoleController=require("../devtools/useConsoleController");var _ConsoleHeader=require("../devtools/ConsoleHeader");var _ConsoleBody=require("../devtools/ConsoleBody");var _jsxRuntime=require("react/jsx-runtime");function ConsoleModal({visible:o,onClose:r,onBack:s,onMinimize:l,persistenceKey:n}){const e=(0,_useConsoleController.useConsoleController)();return(0,_jsxRuntime.jsx)(_sharedUi.JsModal,{visible:o,onClose:r,onMinimize:l,persistenceKey:n,header:{showToggleButton:true,customContent:(0,_jsxRuntime.jsx)(_ConsoleHeader.ConsoleHeader,{c:e,onBack:s})},enablePersistence:true,initialMode:"bottomSheet",disableScrollWrapper:true,children:(0,_jsxRuntime.jsx)(_ConsoleBody.ConsoleBody,{c:e})})}

package/lib/commonjs/components/ConsoleRoot.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleRoot = ConsoleRoot;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _consoleLogStore = require("../store/consoleLogStore");
-let owners = 0;
-/** Bounded private startup capture; persistence begins only after admission. */
-function ConsoleRoot() {
-  (0, _react.useEffect)(() => {
-    ++owners;
-    let active = true;
-    const reconcile = () => {
-      if (!active) return;
-      const access = (0, _sharedUi.getAccountAccess)();
-      if (access.status === "locked") {
-        (0, _consoleLogStore.uninstallConsoleCapture)();
-        (0, _consoleLogStore.clearEntries)();
-        return;
-      }
-      (0, _consoleLogStore.installConsoleCapture)();
-      if (access.status === "admitted") void (0, _consoleLogStore.initConsolePersistence)();
-    };
-    const off = (0, _sharedUi.subscribeAccountAccess)(reconcile);
-    reconcile();
-    return () => {
-      active = false;
-      off();
-      if (--owners === 0) (0, _consoleLogStore.uninstallConsoleCapture)();
-    };
-  }, []);
-  return null;
-}
-//# sourceMappingURL=ConsoleRoot.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleRoot=ConsoleRoot;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _consoleLogStore=require("../store/consoleLogStore");let owners=0;function ConsoleRoot(){(0,_react.useEffect)(()=>{++owners;let e=true;const t=()=>{if(!e)return;const o=(0,_sharedUi.getAccountAccess)();if(o.status==="locked"){(0,_consoleLogStore.uninstallConsoleCapture)();(0,_consoleLogStore.clearEntries)();return}(0,_consoleLogStore.installConsoleCapture)();if(o.status==="admitted")void(0,_consoleLogStore.initConsolePersistence)()};const r=(0,_sharedUi.subscribeAccountAccess)(t);t();return()=>{e=false;r();if(--owners===0)(0,_consoleLogStore.uninstallConsoleCapture)()}},[]);return null}

package/lib/commonjs/devtools/ConsoleBody.js

@@ -1,234 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleBody = ConsoleBody;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _ConsoleMessageRow = require("./ConsoleMessageRow");
-var _consoleFilter = require("./consoleFilter");
-var _consoleLogStore = require("../store/consoleLogStore");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ConsoleBody — the modal body. Renders the virtualized log list, or (when a
- * header action selected it) a back-navigable Log levels / Console settings
- * sub-view, mirroring how Network swaps its body to a filter sub-view.
- */
-
-function ConsoleBody({
-  c
-}) {
-  if (c.view === "filters") return /*#__PURE__*/(0, _jsxRuntime.jsx)(FiltersView, {
-    c: c
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ConsoleList, {
-    c: c
-  });
-}
-
-// ─── Log list ────────────────────────────────────────────────────────────────
-
-function ConsoleList({
-  c
-}) {
-  const listRef = (0, _react.useRef)(null);
-  const stickToBottom = (0, _react.useRef)(true);
-  const renderItem = (0, _react.useCallback)(({
-    item
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsoleMessageRow.ConsoleMessageRow, {
-    row: item,
-    showTimestamps: c.showTimestamps,
-    onToggleGroup: c.onToggleGroup,
-    onToggleCluster: c.onToggleCluster
-  }), [c.showTimestamps, c.onToggleGroup, c.onToggleCluster]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-    ref: listRef,
-    data: c.rows,
-    keyExtractor: item => item.key,
-    renderItem: renderItem,
-    style: styles.list,
-    ..._sharedUi.LOG_LIST_PRESET,
-    onContentSizeChange: () => {
-      if (stickToBottom.current) listRef.current?.scrollToEnd({
-        animated: false
-      });
-    },
-    onScroll: e => {
-      const {
-        contentOffset,
-        contentSize,
-        layoutMeasurement
-      } = e.nativeEvent;
-      const distanceFromBottom = contentSize.height - (contentOffset.y + layoutMeasurement.height);
-      stickToBottom.current = distanceFromBottom < 40;
-    },
-    scrollEventThrottle: 100
-  });
-}
-
-// ─── Sub-views ───────────────────────────────────────────────────────────────
-
-function CheckRow({
-  on,
-  label,
-  subtext,
-  onPress
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.row,
-    onPress: onPress,
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.checkbox, on && styles.checkboxOn],
-      children: on ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
-        size: 12,
-        color: _sharedUi.night.color.onAccent,
-        strokeWidth: 3
-      }) : null
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.rowTextCol,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.rowLabel,
-        children: label
-      }), subtext ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.rowSubtext,
-        children: subtext
-      }) : null]
-    })]
-  });
-}
-function SectionLabel({
-  text
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: styles.sectionLabel,
-    children: text
-  });
-}
-function FiltersView({
-  c
-}) {
-  const preserveLog = (0, _react.useSyncExternalStore)(_consoleLogStore.subscribePreserveLog, _consoleLogStore.getPreserveLog, _consoleLogStore.getPreserveLog);
-  const toggle = level => c.setLevelsMask({
-    ...c.levelsMask,
-    [level]: !c.levelsMask[level]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-    style: styles.subView,
-    contentContainerStyle: styles.subViewContent,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SectionLabel, {
-      text: "Log levels"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.presetRow,
-      onPress: () => c.setLevelsMask({
-        ..._consoleFilter.DEFAULT_LEVELS
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.presetText,
-        children: "Default (hide verbose)"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: styles.presetRow,
-      onPress: () => c.setLevelsMask({
-        ..._consoleFilter.ALL_LEVELS
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.presetText,
-        children: "All levels"
-      })
-    }), _consoleFilter.LEVEL_ORDER.map(level => /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckRow, {
-      on: c.levelsMask[level],
-      label: _consoleFilter.LEVEL_LABEL[level],
-      onPress: () => toggle(level)
-    }, level)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.divider
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SectionLabel, {
-      text: "Settings"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckRow, {
-      on: c.showTimestamps,
-      label: "Show timestamps",
-      onPress: () => c.setShowTimestamps(s => !s)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckRow, {
-      on: preserveLog,
-      label: "Preserve log",
-      subtext: "Do not clear log on reload",
-      onPress: () => (0, _consoleLogStore.setPreserveLog)(!preserveLog)
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  list: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  subView: {
-    flex: 1,
-    // Transparent so the night sheet's star field shows through.
-    backgroundColor: "transparent"
-  },
-  subViewContent: {
-    padding: 12
-  },
-  sectionLabel: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 11,
-    textTransform: "uppercase",
-    letterSpacing: 0.5,
-    marginTop: 4,
-    marginBottom: 4,
-    paddingHorizontal: 8
-  },
-  presetRow: {
-    paddingVertical: 10,
-    paddingHorizontal: 8
-  },
-  presetText: {
-    color: _sharedUi.night.color.accent,
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  divider: {
-    height: _reactNative.StyleSheet.hairlineWidth,
-    backgroundColor: _sharedUi.night.color.border,
-    marginVertical: 6
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 10,
-    paddingHorizontal: 8,
-    gap: 12
-  },
-  rowTextCol: {
-    flexDirection: "column",
-    flex: 1
-  },
-  rowLabel: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14
-  },
-  rowSubtext: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    marginTop: 1
-  },
-  checkbox: {
-    width: 18,
-    height: 18,
-    borderRadius: 4,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.fillTertiary,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  // Solid accent (not accentSoft) so the onAccent check glyph stays legible.
-  checkboxOn: {
-    backgroundColor: _sharedUi.night.color.accent,
-    borderColor: _sharedUi.night.color.accent
-  }
-});
-//# sourceMappingURL=ConsoleBody.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleBody=ConsoleBody;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _ConsoleMessageRow=require("./ConsoleMessageRow");var _consoleFilter=require("./consoleFilter");var _consoleLogStore=require("../store/consoleLogStore");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var n=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(t,c){if(!c&&t&&t.__esModule)return t;var s,i,l={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return l;if(s=c?o:n){if(s.has(t))return s.get(t);s.set(t,l)}for(const a in t)"default"!==a&&{}.hasOwnProperty.call(t,a)&&((i=(s=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,a))&&(i.get||i.set)?s(l,a,i):l[a]=t[a]);return l})(e,r)}function ConsoleBody({c:e}){if(e.view==="filters")return(0,_jsxRuntime.jsx)(FiltersView,{c:e});return(0,_jsxRuntime.jsx)(ConsoleList,{c:e})}function ConsoleList({c:e}){const r=(0,_react.useRef)(null);const n=(0,_react.useRef)(true);const o=(0,_react.useCallback)(({item:t})=>(0,_jsxRuntime.jsx)(_ConsoleMessageRow.ConsoleMessageRow,{row:t,showTimestamps:e.showTimestamps,onToggleGroup:e.onToggleGroup,onToggleCluster:e.onToggleCluster}),[e.showTimestamps,e.onToggleGroup,e.onToggleCluster]);return(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:r,data:e.rows,keyExtractor:t=>t.key,renderItem:o,style:styles.list,..._sharedUi.LOG_LIST_PRESET,onContentSizeChange:()=>{if(n.current)r.current?.scrollToEnd({animated:false})},onScroll:t=>{const{contentOffset:c,contentSize:s,layoutMeasurement:i}=t.nativeEvent;const l=s.height-(c.y+i.height);n.current=l<40},scrollEventThrottle:100})}function CheckRow({on:e,label:r,subtext:n,onPress:o}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.row,onPress:o,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.checkbox,e&&styles.checkboxOn],children:e?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:12,color:_sharedUi.night.color.onAccent,strokeWidth:3}):null}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowTextCol,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowLabel,children:r}),n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.rowSubtext,children:n}):null]})]})}function SectionLabel({text:e}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sectionLabel,children:e})}function FiltersView({c:e}){const r=(0,_react.useSyncExternalStore)(_consoleLogStore.subscribePreserveLog,_consoleLogStore.getPreserveLog,_consoleLogStore.getPreserveLog);const n=o=>e.setLevelsMask({...e.levelsMask,[o]:!e.levelsMask[o]});return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.subView,contentContainerStyle:styles.subViewContent,children:[(0,_jsxRuntime.jsx)(SectionLabel,{text:"Log levels"}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.presetRow,onPress:()=>e.setLevelsMask({..._consoleFilter.DEFAULT_LEVELS}),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.presetText,children:"Default (hide verbose)"})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.presetRow,onPress:()=>e.setLevelsMask({..._consoleFilter.ALL_LEVELS}),children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.presetText,children:"All levels"})}),_consoleFilter.LEVEL_ORDER.map(o=>(0,_jsxRuntime.jsx)(CheckRow,{on:e.levelsMask[o],label:_consoleFilter.LEVEL_LABEL[o],onPress:()=>n(o)},o)),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.divider}),(0,_jsxRuntime.jsx)(SectionLabel,{text:"Settings"}),(0,_jsxRuntime.jsx)(CheckRow,{on:e.showTimestamps,label:"Show timestamps",onPress:()=>e.setShowTimestamps(o=>!o)}),(0,_jsxRuntime.jsx)(CheckRow,{on:r,label:"Preserve log",subtext:"Do not clear log on reload",onPress:()=>(0,_consoleLogStore.setPreserveLog)(!r)})]})}const styles=_reactNative.StyleSheet.create({list:{flex:1,backgroundColor:"transparent"},subView:{flex:1,backgroundColor:"transparent"},subViewContent:{padding:12},sectionLabel:{color:_sharedUi.night.color.textTertiary,fontSize:11,textTransform:"uppercase",letterSpacing:.5,marginTop:4,marginBottom:4,paddingHorizontal:8},presetRow:{paddingVertical:10,paddingHorizontal:8},presetText:{color:_sharedUi.night.color.accent,fontSize:14,fontWeight:"600"},divider:{height:_reactNative.StyleSheet.hairlineWidth,backgroundColor:_sharedUi.night.color.border,marginVertical:6},row:{flexDirection:"row",alignItems:"center",paddingVertical:10,paddingHorizontal:8,gap:12},rowTextCol:{flexDirection:"column",flex:1},rowLabel:{color:_sharedUi.night.color.text,fontSize:14},rowSubtext:{color:_sharedUi.night.color.textTertiary,fontSize:12,marginTop:1},checkbox:{width:18,height:18,borderRadius:4,borderWidth:1,borderColor:_sharedUi.night.color.fillTertiary,alignItems:"center",justifyContent:"center"},checkboxOn:{backgroundColor:_sharedUi.night.color.accent,borderColor:_sharedUi.night.color.accent}});