@buoy-gg/console 7.0.41 → 7.0.42

package/lib/commonjs/devtools/ConsoleHeader.js

@@ -1,114 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleHeader = ConsoleHeader;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * ConsoleHeader — the Console tool's header, built from the shared ModalHeader
- * pattern so it matches Network/Events 1:1. Controls live here: the
- * Timeline/Grouped TabSelector (or the search field when active), plus action
- * icons for search, level filter, clear, and settings. Tapping the level/filter
- * or settings icon swaps the body to a back-navigable sub-view.
- */
-
-const LAYOUT_TABS = [{
-  key: "chrono",
-  label: "Timeline"
-}, {
-  key: "cluster",
-  label: "Grouped"
-}];
-function ConsoleHeader({
-  c,
-  onBack
-}) {
-  // Filters sub-view: a back chevron returns to the list.
-  if (c.view === "filters") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-        onBack: () => c.setView("list")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-        title: "Filters"
-      })]
-    });
-  }
-  const hasRows = c.rows.length > 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
-    children: [onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
-      onBack: onBack
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
-      title: "",
-      noMargin: true,
-      children: c.searchActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
-        value: c.query,
-        onChangeText: c.setQuery
-        // The ✕ only clears; submit is what closes the field.
-        ,
-        onCancel: () => c.setQuery(""),
-        clearOnlyWhenText: true,
-        placeholder: "Filter logs\u2026  /regex/  -exclude",
-        iconSize: 14,
-        inputProps: {
-          onSubmitEditing: () => c.setSearchActive(false)
-        }
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TabSelector, {
-        tabs: LAYOUT_TABS,
-        activeTab: c.layoutMode,
-        onTabChange: key => c.setLayoutMode(key)
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => c.setSearchActive(a => !a),
-        style: [styles.actionBtn, c.searchActive && styles.actionBtnActive],
-        accessibilityLabel: "Search logs",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Search, {
-          size: 14,
-          color: c.searchActive ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: () => c.setView("filters"),
-        style: [styles.actionBtn, c.isLevelCustom && styles.actionBtnActive],
-        accessibilityLabel: "Filters",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Filter, {
-          size: 14,
-          color: c.isLevelCustom ? _sharedUi.night.color.accent : _sharedUi.night.color.textSecondary
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: c.clear,
-        disabled: !hasRows,
-        style: [styles.actionBtn, !hasRows && styles.actionBtnDisabled],
-        accessibilityLabel: "Clear console",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
-          size: 14,
-          color: hasRows ? _sharedUi.night.color.textSecondary : _sharedUi.night.color.textTertiary
-        })
-      })]
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  actionBtn: {
-    width: 32,
-    height: 32,
-    borderRadius: 8,
-    backgroundColor: _sharedUi.night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  actionBtnActive: {
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    borderColor: _sharedUi.night.color.accentBorderStrong
-  },
-  actionBtnDisabled: {
-    opacity: 0.55
-  }
-});
-//# sourceMappingURL=ConsoleHeader.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleHeader=ConsoleHeader;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const LAYOUT_TABS=[{key:"chrono",label:"Timeline"},{key:"cluster",label:"Grouped"}];function ConsoleHeader({c:e,onBack:o}){if(e.view==="filters"){return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:()=>e.setView("list")}),(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"Filters"})]})}const t=e.rows.length>0;return(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader,{children:[o?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation,{onBack:o}):null,(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Content,{title:"",noMargin:true,children:e.searchActive?(0,_jsxRuntime.jsx)(_sharedUi.ModalHeader.Search,{value:e.query,onChangeText:e.setQuery,onCancel:()=>e.setQuery(""),clearOnlyWhenText:true,placeholder:"Filter logs\u2026  /regex/  -exclude",iconSize:14,inputProps:{onSubmitEditing:()=>e.setSearchActive(false)}}):(0,_jsxRuntime.jsx)(_sharedUi.TabSelector,{tabs:LAYOUT_TABS,activeTab:e.layoutMode,onTabChange:r=>e.setLayoutMode(r)})}),(0,_jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions,{children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>e.setSearchActive(r=>!r),style:[styles.actionBtn,e.searchActive&&styles.actionBtnActive],accessibilityLabel:"Search logs",children:(0,_jsxRuntime.jsx)(_sharedUi.Search,{size:14,color:e.searchActive?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>e.setView("filters"),style:[styles.actionBtn,e.isLevelCustom&&styles.actionBtnActive],accessibilityLabel:"Filters",children:(0,_jsxRuntime.jsx)(_sharedUi.Filter,{size:14,color:e.isLevelCustom?_sharedUi.night.color.accent:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:e.clear,disabled:!t,style:[styles.actionBtn,!t&&styles.actionBtnDisabled],accessibilityLabel:"Clear console",children:(0,_jsxRuntime.jsx)(_sharedUi.Trash2,{size:14,color:t?_sharedUi.night.color.textSecondary:_sharedUi.night.color.textTertiary})})]})]})}const styles=_reactNative.StyleSheet.create({actionBtn:{width:32,height:32,borderRadius:8,backgroundColor:_sharedUi.night.color.buttonSurface,borderWidth:1,borderColor:_sharedUi.night.color.border,alignItems:"center",justifyContent:"center"},actionBtnActive:{backgroundColor:_sharedUi.night.color.accentSoft,borderColor:_sharedUi.night.color.accentBorderStrong},actionBtnDisabled:{opacity:.55}});

package/lib/commonjs/devtools/ConsoleMessageRow.js

@@ -1,356 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConsoleMessageRow = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _theme = require("./theme");
-var _consoleFormat = require("./consoleFormat");
-var _ConsoleValue = require("./ConsoleValue");
-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); }
-/**
- * ConsoleMessageRow — RN port of a single DevTools `.console-message-wrapper`.
- *
- * Anatomy (mirrors ConsoleViewMessage):
- *   [nesting markers] [group triangle] [level icon] [timestamp] [content] [repeat badge]
- * Error/warning rows get the surface background + text colors; non-error/warning
- * rows get a hairline top divider. Group headers show a bold title with an
- * expand triangle; error/warn/trace rows can expand a captured stack trace.
- */
-
-function formatTimestamp(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)}`;
-}
-
-/** Small filled level glyph (warning triangle / error cross), DevTools-style. */
-function LevelIcon({
-  icon,
-  color
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.levelIcon, {
-      color
-    }],
-    children: icon === "warning" ? "⚠" : "⊘"
-  });
-}
-
-/** The repeat-count bubble (dt-small-bubble). */
-function RepeatBadge({
-  count,
-  color
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.repeatBadge, {
-      borderColor: color
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.repeatBadgeText, {
-        color
-      }],
-      children: count
-    })
-  });
-}
-// Memo with a precise comparator, justified by profiling (tool-bench
-// 2026-07-06): ~30 windowed rows re-rendered on every commit (172 row
-// renders in a 5s dwell) because buildDisplayRows recreates row OBJECTS
-// each emission — so default shallow compare can never bail. Entries are
-// immutable; the comparator lists every display-affecting row field.
-const ConsoleMessageRow = exports.ConsoleMessageRow = /*#__PURE__*/(0, _react.memo)(function ConsoleMessageRow({
-  row,
-  showTimestamps,
-  onToggleGroup,
-  onToggleCluster
-}) {
-  const {
-    entry
-  } = row;
-  const level = _theme.levelStyles[entry.level];
-  const isErrorOrWarn = entry.level === "error" || entry.level === "warning";
-  const textColor = level.text;
-  // One "open" state per row: shows the stack trace (when there is one) AND
-  // lifts the single-line clamp so long/structured messages stay reachable.
-  const [expanded, setExpanded] = (0, _react.useState)(entry.method === "trace");
-
-  // Collapsed/large cluster header (Grouped mode): tap to expand/collapse.
-  if (row.clusterHeader) {
-    const ch = row.clusterHeader;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: [styles.wrapper, styles.dividerTop],
-      activeOpacity: 0.7,
-      onPress: () => onToggleCluster(ch.key),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.rowWrapper,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.originGutter, {
-            color: row.originColor
-          }],
-          children: ch.expanded ? "▼" : "▶"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.messageColumn,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.messageLine,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: [styles.text, styles.clusterTitle, {
-                color: row.originColor
-              }],
-              children: row.originLabel
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-              style: styles.clusterCount,
-              children: [" \xB7 ", ch.count, " logs"]
-            })]
-          })
-        })]
-      })
-    });
-  }
-  const tokens = (0, _consoleFormat.formatConsoleMessage)(entry.args);
-  const hasStack = Boolean(entry.stack) && (isErrorOrWarn || entry.method === "trace");
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.contentWrap, !expanded && styles.contentWrapClamped],
-    children: tokens.map((token, i) => token.type === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: textColor
-      }, row.isGroupHeader && styles.groupTitle, token.style],
-      children: token.value
-    }, i) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConsoleValue.ConsoleValue, {
-      value: token.value,
-      generic: token.mode === "generic"
-    }, i))
-  });
-  const inner = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.messageColumn,
-    children: [row.originLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.originLabel, {
-        color: row.originColor
-      }],
-      numberOfLines: 1,
-      children: row.originLabel
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.messageLine,
-      children: [row.isGroupHeader ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.groupTriangle, {
-          color: textColor
-        }],
-        children: row.groupCollapsed ? "▶" : "▼"
-      }) : null, level.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LevelIcon, {
-        icon: level.icon,
-        color: textColor
-      }) : null, showTimestamps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.timestamp,
-        children: formatTimestamp(entry.timestamp)
-      }) : null, hasStack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.stackTriangle, {
-          color: textColor
-        }],
-        children: expanded ? "▼" : "▶"
-      }) : null, content, row.repeatCount > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RepeatBadge, {
-        count: row.repeatCount,
-        color: textColor
-      }) : null]
-    }), hasStack && expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.stackTrace,
-      children: (entry.stack ?? "").split("\n").filter(l => l.trim()).map((line, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.stackFrame,
-        children: line.trim()
-      }, i))
-    }) : null]
-  });
-  const rowStyle = [styles.wrapper, level.background ? {
-    backgroundColor: level.background
-  } : styles.dividerTop];
-
-  // Nesting indentation markers.
-  const markers = Array.from({
-    length: row.depth
-  }, (_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.nestingMarker
-  }, i));
-
-  // Origin gutter: swimlane columns (multi-track) or a single bracket.
-  const gutter = row.lanes ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.laneGutter,
-    children: row.lanes.map((cell, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.laneCell, cell.color ? {
-        color: cell.color
-      } : null],
-      children: cell.glyph
-    }, i))
-  }) : row.bracketGlyph ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    style: [styles.originGutter, {
-      color: row.originColor
-    }],
-    children: row.bracketGlyph
-  }) : null;
-  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.rowWrapper,
-    children: [gutter, markers, inner]
-  });
-  const rowTestID = `buoy-console-row-${entry.id}`;
-  const rowLabel = [row.originLabel, tokens.find(t => t.type === "string")?.value].filter(Boolean).join(" — ").slice(0, 80);
-
-  // Group headers and stack-bearing rows are pressable.
-  if (row.isGroupHeader && row.groupId !== undefined) {
-    const gid = row.groupId;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-      style: rowStyle,
-      activeOpacity: 0.7,
-      onPress: () => onToggleGroup(gid, Boolean(row.groupCollapsed)),
-      testID: rowTestID,
-      accessibilityLabel: rowLabel || "Console group",
-      children: body
-    });
-  }
-  // Every other row toggles expanded on tap — the collapsed line is clamped
-  // to a single line, so the tap is the way to read a long/structured log.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    style: rowStyle,
-    activeOpacity: 0.7,
-    onPress: () => setExpanded(o => !o),
-    testID: rowTestID,
-    accessibilityLabel: rowLabel || "Console message",
-    children: body
-  });
-}, (prev, next) => prev.row.key === next.row.key &&
-// Reference check: swimlane gutter cells are rebuilt per emission, so
-// swimlane mode simply keeps its previous (correct) behavior.
-prev.row.lanes === next.row.lanes && prev.row.repeatCount === next.row.repeatCount && prev.row.groupCollapsed === next.row.groupCollapsed && prev.row.depth === next.row.depth && prev.row.bracketGlyph === next.row.bracketGlyph && prev.row.originLabel === next.row.originLabel && prev.row.clusterHeader?.count === next.row.clusterHeader?.count && prev.row.clusterHeader?.expanded === next.row.clusterHeader?.expanded && prev.showTimestamps === next.showTimestamps && prev.onToggleGroup === next.onToggleGroup && prev.onToggleCluster === next.onToggleCluster);
-const styles = _reactNative.StyleSheet.create({
-  wrapper: {
-    paddingVertical: 2,
-    paddingRight: 8,
-    minHeight: 18
-  },
-  dividerTop: {
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderTopColor: _theme.consoleTheme.divider
-  },
-  rowWrapper: {
-    flexDirection: "row",
-    alignItems: "flex-start"
-  },
-  originGutter: {
-    width: 11,
-    fontFamily: _theme.monoFont,
-    fontSize: 13,
-    lineHeight: 18,
-    textAlign: "center"
-  },
-  laneGutter: {
-    flexDirection: "row"
-  },
-  laneCell: {
-    width: 9,
-    fontFamily: _theme.monoFont,
-    fontSize: 13,
-    lineHeight: 18,
-    textAlign: "center"
-  },
-  originLabel: {
-    fontFamily: _theme.monoFont,
-    fontSize: 10,
-    lineHeight: 16,
-    marginBottom: 1,
-    opacity: 0.9
-  },
-  nestingMarker: {
-    width: 14,
-    alignSelf: "stretch",
-    borderRightWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderRightColor: _theme.consoleTheme.divider,
-    marginLeft: 2
-  },
-  messageColumn: {
-    flex: 1,
-    flexDirection: "column",
-    paddingLeft: 6
-  },
-  messageLine: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "flex-start"
-  },
-  contentWrap: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "flex-start",
-    flexShrink: 1
-  },
-  // Collapsed rows clamp to one line; tap the row to expand.
-  contentWrapClamped: {
-    flexWrap: "nowrap",
-    overflow: "hidden",
-    maxHeight: 16
-  },
-  text: {
-    fontFamily: _theme.monoFont,
-    fontSize: 12,
-    lineHeight: 16
-  },
-  groupTitle: {
-    fontWeight: "bold"
-  },
-  clusterTitle: {
-    fontWeight: "600"
-  },
-  clusterCount: {
-    color: _theme.consoleTheme.tokenSubtle,
-    fontFamily: _theme.monoFont,
-    fontSize: 12,
-    lineHeight: 16
-  },
-  groupTriangle: {
-    fontSize: 9,
-    lineHeight: 16,
-    marginRight: 4
-  },
-  stackTriangle: {
-    fontSize: 8,
-    lineHeight: 16,
-    marginRight: 4
-  },
-  levelIcon: {
-    fontSize: 12,
-    lineHeight: 16,
-    marginRight: 5
-  },
-  timestamp: {
-    color: _theme.consoleTheme.tokenSubtle,
-    fontFamily: _theme.monoFont,
-    fontSize: 11,
-    lineHeight: 16,
-    marginRight: 6
-  },
-  repeatBadge: {
-    borderWidth: 1,
-    borderRadius: 9,
-    paddingHorizontal: 5,
-    minWidth: 16,
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 6,
-    marginTop: 1
-  },
-  repeatBadgeText: {
-    fontSize: 10,
-    fontWeight: "700",
-    lineHeight: 14
-  },
-  stackTrace: {
-    marginTop: 2,
-    marginLeft: 12
-  },
-  stackFrame: {
-    color: _theme.consoleTheme.tokenSubtle,
-    fontFamily: _theme.monoFont,
-    fontSize: 11,
-    lineHeight: 15
-  }
-});
-//# sourceMappingURL=ConsoleMessageRow.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ConsoleMessageRow=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _theme=require("./theme");var _consoleFormat=require("./consoleFormat");var _ConsoleValue=require("./ConsoleValue");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(o,e){if("function"==typeof WeakMap)var a=new WeakMap,g=new WeakMap;return(_interopRequireWildcard=function(r,n){if(!n&&r&&r.__esModule)return r;var i,d,l={__proto__:null,default:r};if(null===r||"object"!=typeof r&&"function"!=typeof r)return l;if(i=n?g:a){if(i.has(r))return i.get(r);i.set(r,l)}for(const s in r)"default"!==s&&{}.hasOwnProperty.call(r,s)&&((d=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(r,s))&&(d.get||d.set)?i(l,s,d):l[s]=r[s]);return l})(o,e)}function formatTimestamp(o){const e=new Date(o);const a=(g,r=2)=>String(g).padStart(r,"0");return`${a(e.getHours())}:${a(e.getMinutes())}:${a(e.getSeconds())}.${a(e.getMilliseconds(),3)}`}function LevelIcon({icon:o,color:e}){return(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.levelIcon,{color:e}],children:o==="warning"?"\u26A0":"\u2298"})}function RepeatBadge({count:o,color:e}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.repeatBadge,{borderColor:e}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.repeatBadgeText,{color:e}],children:o})})}const ConsoleMessageRow=exports.ConsoleMessageRow=(0,_react.memo)(function o({row:e,showTimestamps:a,onToggleGroup:g,onToggleCluster:r}){const{entry:n}=e;const i=_theme.levelStyles[n.level];const d=n.level==="error"||n.level==="warning";const l=i.text;const[s,x]=(0,_react.useState)(n.method==="trace");if(e.clusterHeader){const t=e.clusterHeader;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:[styles.wrapper,styles.dividerTop],activeOpacity:.7,onPress:()=>r(t.key),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.originGutter,{color:e.originColor}],children:t.expanded?"\u25BC":"\u25B6"}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.messageColumn,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.messageLine,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,styles.clusterTitle,{color:e.originColor}],children:e.originLabel}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.clusterCount,children:[" \xB7 ",t.count," logs"]})]})})]})})}const u=(0,_consoleFormat.formatConsoleMessage)(n.args);const p=Boolean(n.stack)&&(d||n.method==="trace");const T=(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.contentWrap,!s&&styles.contentWrapClamped],children:u.map((t,c)=>t.type==="string"?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:l},e.isGroupHeader&&styles.groupTitle,t.style],children:t.value},c):(0,_jsxRuntime.jsx)(_ConsoleValue.ConsoleValue,{value:t.value,generic:t.mode==="generic"},c))});const b=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.messageColumn,children:[e.originLabel?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.originLabel,{color:e.originColor}],numberOfLines:1,children:e.originLabel}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.messageLine,children:[e.isGroupHeader?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.groupTriangle,{color:l}],children:e.groupCollapsed?"\u25B6":"\u25BC"}):null,i.icon?(0,_jsxRuntime.jsx)(LevelIcon,{icon:i.icon,color:l}):null,a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.timestamp,children:formatTimestamp(n.timestamp)}):null,p?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.stackTriangle,{color:l}],children:s?"\u25BC":"\u25B6"}):null,T,e.repeatCount>1?(0,_jsxRuntime.jsx)(RepeatBadge,{count:e.repeatCount,color:l}):null]}),p&&s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.stackTrace,children:(n.stack??"").split("\n").filter(t=>t.trim()).map((t,c)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stackFrame,children:t.trim()},c))}):null]});const h=[styles.wrapper,i.background?{backgroundColor:i.background}:styles.dividerTop];const w=Array.from({length:e.depth},(t,c)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.nestingMarker},c));const C=e.lanes?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.laneGutter,children:e.lanes.map((t,c)=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.laneCell,t.color?{color:t.color}:null],children:t.glyph},c))}):e.bracketGlyph?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.originGutter,{color:e.originColor}],children:e.bracketGlyph}):null;const m=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.rowWrapper,children:[C,w,b]});const f=`buoy-console-row-${n.id}`;const y=[e.originLabel,u.find(t=>t.type==="string")?.value].filter(Boolean).join(" \u2014 ").slice(0,80);if(e.isGroupHeader&&e.groupId!==void 0){const t=e.groupId;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:h,activeOpacity:.7,onPress:()=>g(t,Boolean(e.groupCollapsed)),testID:f,accessibilityLabel:y||"Console group",children:m})}return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:h,activeOpacity:.7,onPress:()=>x(t=>!t),testID:f,accessibilityLabel:y||"Console message",children:m})},(o,e)=>o.row.key===e.row.key&&o.row.lanes===e.row.lanes&&o.row.repeatCount===e.row.repeatCount&&o.row.groupCollapsed===e.row.groupCollapsed&&o.row.depth===e.row.depth&&o.row.bracketGlyph===e.row.bracketGlyph&&o.row.originLabel===e.row.originLabel&&o.row.clusterHeader?.count===e.row.clusterHeader?.count&&o.row.clusterHeader?.expanded===e.row.clusterHeader?.expanded&&o.showTimestamps===e.showTimestamps&&o.onToggleGroup===e.onToggleGroup&&o.onToggleCluster===e.onToggleCluster);const styles=_reactNative.StyleSheet.create({wrapper:{paddingVertical:2,paddingRight:8,minHeight:18},dividerTop:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,borderTopColor:_theme.consoleTheme.divider},rowWrapper:{flexDirection:"row",alignItems:"flex-start"},originGutter:{width:11,fontFamily:_theme.monoFont,fontSize:13,lineHeight:18,textAlign:"center"},laneGutter:{flexDirection:"row"},laneCell:{width:9,fontFamily:_theme.monoFont,fontSize:13,lineHeight:18,textAlign:"center"},originLabel:{fontFamily:_theme.monoFont,fontSize:10,lineHeight:16,marginBottom:1,opacity:.9},nestingMarker:{width:14,alignSelf:"stretch",borderRightWidth:_reactNative.StyleSheet.hairlineWidth,borderRightColor:_theme.consoleTheme.divider,marginLeft:2},messageColumn:{flex:1,flexDirection:"column",paddingLeft:6},messageLine:{flexDirection:"row",flexWrap:"wrap",alignItems:"flex-start"},contentWrap:{flexDirection:"row",flexWrap:"wrap",alignItems:"flex-start",flexShrink:1},contentWrapClamped:{flexWrap:"nowrap",overflow:"hidden",maxHeight:16},text:{fontFamily:_theme.monoFont,fontSize:12,lineHeight:16},groupTitle:{fontWeight:"bold"},clusterTitle:{fontWeight:"600"},clusterCount:{color:_theme.consoleTheme.tokenSubtle,fontFamily:_theme.monoFont,fontSize:12,lineHeight:16},groupTriangle:{fontSize:9,lineHeight:16,marginRight:4},stackTriangle:{fontSize:8,lineHeight:16,marginRight:4},levelIcon:{fontSize:12,lineHeight:16,marginRight:5},timestamp:{color:_theme.consoleTheme.tokenSubtle,fontFamily:_theme.monoFont,fontSize:11,lineHeight:16,marginRight:6},repeatBadge:{borderWidth:1,borderRadius:9,paddingHorizontal:5,minWidth:16,alignItems:"center",justifyContent:"center",marginLeft:6,marginTop:1},repeatBadgeText:{fontSize:10,fontWeight:"700",lineHeight:14},stackTrace:{marginTop:2,marginLeft:12},stackFrame:{color:_theme.consoleTheme.tokenSubtle,fontFamily:_theme.monoFont,fontSize:11,lineHeight:15}});