@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/env/EnvironmentSelectorInline.web.js

@@ -1,178 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EnvironmentSelectorInline = EnvironmentSelectorInline;
-var _react = require("react");
-var _gameUIColors = require("../ui/gameUI/constants/gameUIColors.js");
-var _EnvironmentIndicatorWeb = require("./EnvironmentIndicator.web.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * EnvironmentSelectorInline — Web (React DOM) twin of
- * EnvironmentSelectorInline.tsx: the interactive environment badge that
- * expands a drop-UP panel (absolute bottom:100%, opens upward so the bubble
- * layout doesn't shift). Same geometry: OPTION_HEIGHT 36, 200ms animation,
- * selected row gets a green check.
- */
-
-const OPTION_HEIGHT = 36; // native EnvironmentSelectorInline OPTION_HEIGHT
-
-function ChevronUpGlyph({
-  color,
-  flipped
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: 10,
-    height: 10,
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    style: {
-      transform: flipped ? 'rotate(180deg)' : 'rotate(0deg)',
-      transition: 'transform 200ms ease' // native: 200ms rotation
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M18 15l-6-6-6 6",
-      fill: "none",
-      stroke: color,
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-}
-function CheckGlyph() {
-  // native: Check size 12 color #4AFF9F strokeWidth 3
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: 12,
-    height: 12,
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-      d: "M20 6L9 17l-5-5",
-      fill: "none",
-      stroke: "#4AFF9F",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-}
-function EnvironmentSelectorInline({
-  currentEnvironment,
-  availableEnvironments,
-  onSelect
-}) {
-  const [expanded, setExpanded] = (0, _react.useState)(false);
-  const [hoveredEnv, setHoveredEnv] = (0, _react.useState)(null);
-  const current = (0, _EnvironmentIndicatorWeb.getEnvironmentConfig)(currentEnvironment);
-  const panelHeight = availableEnvironments.length * OPTION_HEIGHT;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: {
-      position: 'relative',
-      zIndex: 1000,
-      flexShrink: 0
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        position: 'absolute',
-        bottom: '100%',
-        left: 0,
-        right: 0,
-        height: expanded ? panelHeight : 0,
-        opacity: expanded ? 1 : 0,
-        overflow: 'hidden',
-        transition: 'height 200ms ease, opacity 200ms ease',
-        backgroundColor: 'rgba(8,12,21,0.95)',
-        border: '1px solid #00B8E666',
-        borderBottomWidth: 0,
-        borderTopLeftRadius: 6,
-        borderTopRightRadius: 6,
-        boxShadow: '0 -4px 8px rgba(0,0,0,0.3)'
-      },
-      children: availableEnvironments.map(env => {
-        const config = (0, _EnvironmentIndicatorWeb.getEnvironmentConfig)(env);
-        const isSelected = String(env).toLowerCase() === String(currentEnvironment).toLowerCase();
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-          onClick: () => {
-            setExpanded(false);
-            onSelect(env);
-          },
-          onMouseEnter: () => setHoveredEnv(String(env)),
-          onMouseLeave: () => setHoveredEnv(null),
-          style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            width: '100%',
-            height: OPTION_HEIGHT,
-            padding: '0 10px',
-            background: isSelected ? 'rgba(128,128,128,0.1)' : hoveredEnv === String(env) ? 'rgba(128,128,128,0.2)' : 'none',
-            border: 'none',
-            cursor: 'pointer'
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            style: {
-              display: 'flex',
-              alignItems: 'center'
-            },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              style: {
-                width: 6,
-                height: 6,
-                borderRadius: 3,
-                backgroundColor: config.backgroundColor,
-                marginRight: 8
-              }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              style: {
-                fontSize: 10,
-                fontWeight: 600,
-                color: _gameUIColors.gameUIColors.primaryLight,
-                letterSpacing: 0.5
-              },
-              children: config.label
-            })]
-          }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckGlyph, {})]
-        }, String(env));
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      onClick: () => setExpanded(e => !e),
-      "aria-expanded": expanded,
-      "aria-label": `Environment: ${current.label}. Click to switch.`,
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 6,
-        padding: '6px 6px 6px 8px',
-        borderRadius: 6,
-        // native: expanded trigger fuses with panel (squared top corners)
-        borderTopLeftRadius: expanded ? 0 : 6,
-        borderTopRightRadius: expanded ? 0 : 6,
-        backgroundColor: expanded ? 'rgba(8,12,21,0.95)' : 'transparent',
-        border: 'none',
-        cursor: 'pointer'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: {
-          width: 8,
-          height: 8,
-          borderRadius: 4,
-          backgroundColor: current.backgroundColor,
-          boxShadow: `0 0 4px ${current.backgroundColor}99`
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: {
-          fontSize: 11,
-          fontWeight: 600,
-          color: _gameUIColors.gameUIColors.primaryLight,
-          letterSpacing: 0.5
-        },
-        children: current.label
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronUpGlyph, {
-        color: "#7A8599",
-        flipped: expanded
-      })]
-    })]
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.EnvironmentSelectorInline=EnvironmentSelectorInline;var _react=require("react");var _gameUIColors=require("../ui/gameUI/constants/gameUIColors.js");var _EnvironmentIndicatorWeb=require("./EnvironmentIndicator.web.js");var _jsxRuntime=require("react/jsx-runtime");const OPTION_HEIGHT=36;function ChevronUpGlyph({color:t,flipped:o}){return(0,_jsxRuntime.jsx)("svg",{width:10,height:10,viewBox:"0 0 24 24","aria-hidden":"true",style:{transform:o?"rotate(180deg)":"rotate(0deg)",transition:"transform 200ms ease"},children:(0,_jsxRuntime.jsx)("path",{d:"M18 15l-6-6-6 6",fill:"none",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function CheckGlyph(){return(0,_jsxRuntime.jsx)("svg",{width:12,height:12,viewBox:"0 0 24 24","aria-hidden":"true",children:(0,_jsxRuntime.jsx)("path",{d:"M20 6L9 17l-5-5",fill:"none",stroke:"#4AFF9F",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})}function EnvironmentSelectorInline({currentEnvironment:t,availableEnvironments:o,onSelect:l}){const[r,i]=(0,_react.useState)(false);const[c,s]=(0,_react.useState)(null);const n=(0,_EnvironmentIndicatorWeb.getEnvironmentConfig)(t);const g=o.length*OPTION_HEIGHT;return(0,_jsxRuntime.jsxs)("div",{style:{position:"relative",zIndex:1e3,flexShrink:0},children:[(0,_jsxRuntime.jsx)("div",{style:{position:"absolute",bottom:"100%",left:0,right:0,height:r?g:0,opacity:r?1:0,overflow:"hidden",transition:"height 200ms ease, opacity 200ms ease",backgroundColor:"rgba(8,12,21,0.95)",border:"1px solid #00B8E666",borderBottomWidth:0,borderTopLeftRadius:6,borderTopRightRadius:6,boxShadow:"0 -4px 8px rgba(0,0,0,0.3)"},children:o.map(e=>{const a=(0,_EnvironmentIndicatorWeb.getEnvironmentConfig)(e);const d=String(e).toLowerCase()===String(t).toLowerCase();return(0,_jsxRuntime.jsxs)("button",{onClick:()=>{i(false);l(e)},onMouseEnter:()=>s(String(e)),onMouseLeave:()=>s(null),style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:OPTION_HEIGHT,padding:"0 10px",background:d?"rgba(128,128,128,0.1)":c===String(e)?"rgba(128,128,128,0.2)":"none",border:"none",cursor:"pointer"},children:[(0,_jsxRuntime.jsxs)("span",{style:{display:"flex",alignItems:"center"},children:[(0,_jsxRuntime.jsx)("span",{style:{width:6,height:6,borderRadius:3,backgroundColor:a.backgroundColor,marginRight:8}}),(0,_jsxRuntime.jsx)("span",{style:{fontSize:10,fontWeight:600,color:_gameUIColors.gameUIColors.primaryLight,letterSpacing:.5},children:a.label})]}),d&&(0,_jsxRuntime.jsx)(CheckGlyph,{})]},String(e))})}),(0,_jsxRuntime.jsxs)("button",{onClick:()=>i(e=>!e),"aria-expanded":r,"aria-label":`Environment: ${n.label}. Click to switch.`,style:{display:"flex",alignItems:"center",gap:6,padding:"6px 6px 6px 8px",borderRadius:6,borderTopLeftRadius:r?0:6,borderTopRightRadius:r?0:6,backgroundColor:r?"rgba(8,12,21,0.95)":"transparent",border:"none",cursor:"pointer"},children:[(0,_jsxRuntime.jsx)("span",{style:{width:8,height:8,borderRadius:4,backgroundColor:n.backgroundColor,boxShadow:`0 0 4px ${n.backgroundColor}99`}}),(0,_jsxRuntime.jsx)("span",{style:{fontSize:11,fontWeight:600,color:_gameUIColors.gameUIColors.primaryLight,letterSpacing:.5},children:n.label}),(0,_jsxRuntime.jsx)(ChevronUpGlyph,{color:"#7A8599",flipped:r})]})]})}

package/lib/commonjs/history/HistoryProvider.js

@@ -1,246 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HistoryProvider = HistoryProvider;
-exports.useAllHistoryEntries = useAllHistoryEntries;
-exports.useHistoryAdapter = useHistoryAdapter;
-exports.useHistoryAdapters = useHistoryAdapters;
-exports.useHistoryContext = useHistoryContext;
-exports.useHistoryEntryCounts = useHistoryEntryCounts;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * HistoryProvider - Context for Universal History DevTools
- *
- * Manages registered adapters and provides unified access to history
- * from Redux, Zustand, MMKV, React Query, etc.
- */
-
-// =============================================================================
-// CONTEXT VALUE
-// =============================================================================
-
-const HistoryContext = /*#__PURE__*/(0, _react.createContext)(null);
-
-// =============================================================================
-// PROVIDER
-// =============================================================================
-
-function HistoryProvider({
-  children,
-  initialAdapters = []
-}) {
-  // Adapter registry
-  const [adapterMap, setAdapterMap] = (0, _react.useState)(() => {
-    const map = new Map();
-    initialAdapters.forEach(reg => {
-      map.set(reg.adapter.id, {
-        ...reg,
-        enabled: reg.enabled ?? true
-      });
-    });
-    return map;
-  });
-
-  // Selected adapter filter
-  const [selectedAdapterId, setSelectedAdapterId] = (0, _react.useState)(null);
-
-  // Refresh trigger
-  const [refreshKey, setRefreshKey] = (0, _react.useState)(0);
-  const refresh = (0, _react.useCallback)(() => setRefreshKey(k => k + 1), []);
-
-  // Subscribe to all adapters
-  (0, _react.useEffect)(() => {
-    const unsubscribes = [];
-    adapterMap.forEach(reg => {
-      if (reg.enabled) {
-        const unsub = reg.adapter.subscribe(refresh);
-        unsubscribes.push(unsub);
-      }
-    });
-    return () => {
-      unsubscribes.forEach(unsub => unsub());
-    };
-  }, [adapterMap, refresh]);
-
-  // Get sorted adapters list
-  const adapters = (0, _react.useMemo)(() => {
-    return Array.from(adapterMap.values()).filter(reg => reg.enabled).sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100)).map(reg => reg.adapter);
-  }, [adapterMap, refreshKey]);
-
-  // Get adapter by id
-  const getAdapter = (0, _react.useCallback)(id => adapterMap.get(id)?.adapter, [adapterMap]);
-
-  // Register adapter
-  const registerAdapter = (0, _react.useCallback)(registration => {
-    setAdapterMap(prev => {
-      const next = new Map(prev);
-      next.set(registration.adapter.id, {
-        ...registration,
-        enabled: registration.enabled ?? true
-      });
-      return next;
-    });
-  }, []);
-
-  // Unregister adapter
-  const unregisterAdapter = (0, _react.useCallback)(id => {
-    setAdapterMap(prev => {
-      const next = new Map(prev);
-      next.delete(id);
-      return next;
-    });
-  }, []);
-
-  // Get all entries (combined or filtered)
-  const getAllEntries = (0, _react.useCallback)(filter => {
-    let entries = [];
-
-    // Collect from all (or selected) adapters
-    const sourceAdapters = selectedAdapterId && filter?.sources === undefined ? adapters.filter(a => a.id === selectedAdapterId) : adapters;
-    sourceAdapters.forEach(adapter => {
-      // Skip if sources filter excludes this adapter
-      if (filter?.sources && !filter.sources.includes(adapter.id)) {
-        return;
-      }
-      entries = entries.concat(adapter.getEntries());
-    });
-
-    // Apply filters
-    if (filter) {
-      entries = applyFilter(entries, filter);
-    }
-
-    // Sort by timestamp (newest first by default)
-    entries.sort((a, b) => b.timestamp - a.timestamp);
-    return entries;
-  }, [adapters, selectedAdapterId, refreshKey]);
-
-  // Get entry counts per source
-  const getEntryCounts = (0, _react.useCallback)(() => {
-    const counts = {};
-    adapters.forEach(adapter => {
-      counts[adapter.id] = adapter.getEntryCount();
-    });
-    return counts;
-  }, [adapters, refreshKey]);
-  const value = (0, _react.useMemo)(() => ({
-    adapters,
-    getAdapter,
-    registerAdapter,
-    unregisterAdapter,
-    getAllEntries,
-    getEntryCounts,
-    selectedAdapterId,
-    setSelectedAdapterId,
-    refresh
-  }), [adapters, getAdapter, registerAdapter, unregisterAdapter, getAllEntries, getEntryCounts, selectedAdapterId, refresh]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HistoryContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-// =============================================================================
-// HOOKS
-// =============================================================================
-
-/**
- * Get the full history context
- */
-function useHistoryContext() {
-  const context = (0, _react.useContext)(HistoryContext);
-  if (!context) {
-    throw new Error("useHistoryContext must be used within a HistoryProvider");
-  }
-  return context;
-}
-
-/**
- * Get all registered adapters
- */
-function useHistoryAdapters() {
-  return useHistoryContext().adapters;
-}
-
-/**
- * Get a specific adapter by id
- */
-function useHistoryAdapter(id) {
-  return useHistoryContext().getAdapter(id);
-}
-
-/**
- * Get combined entries from all adapters
- */
-function useAllHistoryEntries(filter) {
-  const {
-    getAllEntries
-  } = useHistoryContext();
-  return getAllEntries(filter);
-}
-
-/**
- * Get entry counts per source
- */
-function useHistoryEntryCounts() {
-  return useHistoryContext().getEntryCounts();
-}
-
-// =============================================================================
-// FILTER HELPER
-// =============================================================================
-
-function applyFilter(entries, filter) {
-  return entries.filter(entry => {
-    // Search text
-    if (filter.searchText) {
-      const search = filter.searchText.toLowerCase();
-      if (!entry.label.toLowerCase().includes(search)) {
-        return false;
-      }
-    }
-
-    // Only with changes
-    if (filter.onlyWithChanges && !entry.hasStateChange) {
-      return false;
-    }
-
-    // Only errors
-    if (filter.onlyErrors && entry.status !== "error") {
-      return false;
-    }
-
-    // Time range
-    if (filter.afterTimestamp && entry.timestamp < filter.afterTimestamp) {
-      return false;
-    }
-    if (filter.beforeTimestamp && entry.timestamp > filter.beforeTimestamp) {
-      return false;
-    }
-
-    // Ignored patterns
-    if (filter.ignoredPatterns?.length) {
-      for (const pattern of filter.ignoredPatterns) {
-        if (new RegExp(pattern).test(entry.label)) {
-          return false;
-        }
-      }
-    }
-
-    // Included patterns (must match at least one)
-    if (filter.includedPatterns?.length) {
-      let matched = false;
-      for (const pattern of filter.includedPatterns) {
-        if (new RegExp(pattern).test(entry.label)) {
-          matched = true;
-          break;
-        }
-      }
-      if (!matched) return false;
-    }
-    return true;
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.HistoryProvider=HistoryProvider;exports.useAllHistoryEntries=useAllHistoryEntries;exports.useHistoryAdapter=useHistoryAdapter;exports.useHistoryAdapters=useHistoryAdapters;exports.useHistoryContext=useHistoryContext;exports.useHistoryEntryCounts=useHistoryEntryCounts;var _react=require("react");var _jsxRuntime=require("react/jsx-runtime");const HistoryContext=(0,_react.createContext)(null);function HistoryProvider({children:n,initialAdapters:r=[]}){const[s,a]=(0,_react.useState)(()=>{const e=new Map;r.forEach(t=>{e.set(t.adapter.id,{...t,enabled:t.enabled??true})});return e});const[u,y]=(0,_react.useState)(null);const[l,h]=(0,_react.useState)(0);const d=(0,_react.useCallback)(()=>h(e=>e+1),[]);(0,_react.useEffect)(()=>{const e=[];s.forEach(t=>{if(t.enabled){const o=t.adapter.subscribe(d);e.push(o)}});return()=>{e.forEach(t=>t())}},[s,d]);const c=(0,_react.useMemo)(()=>{return Array.from(s.values()).filter(e=>e.enabled).sort((e,t)=>(e.priority??100)-(t.priority??100)).map(e=>e.adapter)},[s,l]);const p=(0,_react.useCallback)(e=>s.get(e)?.adapter,[s]);const f=(0,_react.useCallback)(e=>{a(t=>{const o=new Map(t);o.set(e.adapter.id,{...e,enabled:e.enabled??true});return o})},[]);const b=(0,_react.useCallback)(e=>{a(t=>{const o=new Map(t);o.delete(e);return o})},[]);const m=(0,_react.useCallback)(e=>{let t=[];const o=u&&e?.sources===void 0?c.filter(i=>i.id===u):c;o.forEach(i=>{if(e?.sources&&!e.sources.includes(i.id)){return}t=t.concat(i.getEntries())});if(e){t=applyFilter(t,e)}t.sort((i,E)=>E.timestamp-i.timestamp);return t},[c,u,l]);const x=(0,_react.useCallback)(()=>{const e={};c.forEach(t=>{e[t.id]=t.getEntryCount()});return e},[c,l]);const C=(0,_react.useMemo)(()=>({adapters:c,getAdapter:p,registerAdapter:f,unregisterAdapter:b,getAllEntries:m,getEntryCounts:x,selectedAdapterId:u,setSelectedAdapterId:y,refresh:d}),[c,p,f,b,m,x,u,d]);return(0,_jsxRuntime.jsx)(HistoryContext.Provider,{value:C,children:n})}function useHistoryContext(){const n=(0,_react.useContext)(HistoryContext);if(!n){throw new Error("useHistoryContext must be used within a HistoryProvider")}return n}function useHistoryAdapters(){return useHistoryContext().adapters}function useHistoryAdapter(n){return useHistoryContext().getAdapter(n)}function useAllHistoryEntries(n){const{getAllEntries:r}=useHistoryContext();return r(n)}function useHistoryEntryCounts(){return useHistoryContext().getEntryCounts()}function applyFilter(n,r){return n.filter(s=>{if(r.searchText){const a=r.searchText.toLowerCase();if(!s.label.toLowerCase().includes(a)){return false}}if(r.onlyWithChanges&&!s.hasStateChange){return false}if(r.onlyErrors&&s.status!=="error"){return false}if(r.afterTimestamp&&s.timestamp<r.afterTimestamp){return false}if(r.beforeTimestamp&&s.timestamp>r.beforeTimestamp){return false}if(r.ignoredPatterns?.length){for(const a of r.ignoredPatterns){if(new RegExp(a).test(s.label)){return false}}}if(r.includedPatterns?.length){let a=false;for(const u of r.includedPatterns){if(new RegExp(u).test(s.label)){a=true;break}}if(!a)return false}return true})}

package/lib/commonjs/history/components/HistoryEntryRow.js

@@ -1,146 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HistoryEntryRow = HistoryEntryRow;
-var _reactNative = require("react-native");
-var _CompactRow = require("../../ui/components/CompactRow.js");
-var _gameUIColors = require("../../ui/gameUI/constants/gameUIColors.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * HistoryEntryRow - Universal row component for history entries
- *
- * Wraps CompactRow to display entries from any adapter (Redux, Zustand, MMKV, etc.)
- */
-
-/**
- * Format timestamp to relative time
- */
-function formatRelativeTime(timestamp) {
-  const now = Date.now();
-  const diff = now - timestamp;
-  if (diff < 1000) return "just now";
-  if (diff < 60000) return `${Math.floor(diff / 1000)}s ago`;
-  if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;
-  return `${Math.floor(diff / 3600000)}h ago`;
-}
-
-/**
- * Get status color based on entry properties
- */
-function getStatusColor(entry, adapter) {
-  // Use adapter color if available
-  if (adapter?.color) {
-    return adapter.color;
-  }
-
-  // Status-based colors (React Query style)
-  if (entry.status === "error") return _gameUIColors.buoyColors.error;
-  if (entry.status === "pending") return _gameUIColors.buoyColors.warning;
-  if (entry.status === "success") return _gameUIColors.buoyColors.success;
-
-  // Change-based colors
-  if (entry.hasStateChange) return _gameUIColors.buoyColors.success;
-
-  // Skipped entries
-  if (entry.isSkipped) return _gameUIColors.buoyColors.textMuted;
-
-  // Future entries (after current index)
-  if (entry.isInFuture) return _gameUIColors.buoyColors.textMuted + "80";
-
-  // Source-based fallback colors
-  switch (entry.source) {
-    case "redux":
-      return "#764ABC";
-    // Redux purple
-    case "zustand":
-      return "#443E38";
-    // Zustand brown
-    case "mmkv":
-      return "#4CAF50";
-    // Green
-    case "async-storage":
-      return "#2196F3";
-    // Blue
-    case "react-query":
-      return "#FF4154";
-    // React Query red
-    case "jotai":
-      return "#000000";
-    // Black
-    case "legend-state":
-      return "#7C3AED";
-    // Purple
-    default:
-      return _gameUIColors.buoyColors.textSecondary;
-  }
-}
-
-/**
- * Get status label for display
- */
-function getStatusLabel(entry) {
-  if (entry.isSkipped) return "Skipped";
-  if (entry.isInFuture) return "Future";
-  if (entry.status) {
-    return entry.status.charAt(0).toUpperCase() + entry.status.slice(1);
-  }
-  if (entry.hasStateChange) return "Changed";
-  return "Action";
-}
-
-/**
- * Get sublabel (source or category)
- */
-function getSublabel(entry, adapter) {
-  if (adapter?.name) return adapter.name;
-  if (entry.category) return entry.category;
-  return entry.source;
-}
-function HistoryEntryRow({
-  entry,
-  adapter,
-  isSelected,
-  onPress,
-  showSource = true,
-  showDuration = true
-}) {
-  const statusColor = getStatusColor(entry, adapter);
-  const statusLabel = getStatusLabel(entry);
-  const sublabel = showSource ? getSublabel(entry, adapter) : undefined;
-
-  // Build bottom right text (timestamp + optional duration)
-  let bottomRightText = formatRelativeTime(entry.timestamp);
-  if (showDuration && entry.duration !== undefined) {
-    bottomRightText = `${entry.duration.toFixed(1)}ms · ${bottomRightText}`;
-  }
-
-  // Custom badge showing change indicator
-  const customBadge = entry.hasStateChange ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.changeBadge,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.changeBadgeText,
-      children: "\u26A1"
-    })
-  }) : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CompactRow.CompactRow, {
-    statusDotColor: statusColor,
-    statusLabel: statusLabel,
-    statusSublabel: sublabel,
-    primaryText: entry.label,
-    bottomRightText: bottomRightText,
-    customBadge: customBadge,
-    isSelected: isSelected,
-    onPress: onPress ? () => onPress(entry) : undefined,
-    showChevron: !!onPress
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  changeBadge: {
-    paddingHorizontal: 4
-  },
-  changeBadgeText: {
-    fontSize: 12
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.HistoryEntryRow=HistoryEntryRow;var _reactNative=require("react-native");var _CompactRow=require("../../ui/components/CompactRow.js");var _gameUIColors=require("../../ui/gameUI/constants/gameUIColors.js");var _jsxRuntime=require("react/jsx-runtime");function formatRelativeTime(e){const t=Date.now();const r=t-e;if(r<1e3)return"just now";if(r<6e4)return`${Math.floor(r/1e3)}s ago`;if(r<36e5)return`${Math.floor(r/6e4)}m ago`;return`${Math.floor(r/36e5)}h ago`}function getStatusColor(e,t){if(t?.color){return t.color}if(e.status==="error")return _gameUIColors.buoyColors.error;if(e.status==="pending")return _gameUIColors.buoyColors.warning;if(e.status==="success")return _gameUIColors.buoyColors.success;if(e.hasStateChange)return _gameUIColors.buoyColors.success;if(e.isSkipped)return _gameUIColors.buoyColors.textMuted;if(e.isInFuture)return _gameUIColors.buoyColors.textMuted+"80";switch(e.source){case"redux":return"#764ABC";case"zustand":return"#443E38";case"mmkv":return"#4CAF50";case"async-storage":return"#2196F3";case"react-query":return"#FF4154";case"jotai":return"#000000";case"legend-state":return"#7C3AED";default:return _gameUIColors.buoyColors.textSecondary}}function getStatusLabel(e){if(e.isSkipped)return"Skipped";if(e.isInFuture)return"Future";if(e.status){return e.status.charAt(0).toUpperCase()+e.status.slice(1)}if(e.hasStateChange)return"Changed";return"Action"}function getSublabel(e,t){if(t?.name)return t.name;if(e.category)return e.category;return e.source}function HistoryEntryRow({entry:e,adapter:t,isSelected:r,onPress:o,showSource:u=true,showDuration:a=true}){const n=getStatusColor(e,t);const i=getStatusLabel(e);const c=u?getSublabel(e,t):void 0;let s=formatRelativeTime(e.timestamp);if(a&&e.duration!==void 0){s=`${e.duration.toFixed(1)}ms \xB7 ${s}`}const l=e.hasStateChange?(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.changeBadge,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.changeBadgeText,children:"\u26A1"})}):void 0;return(0,_jsxRuntime.jsx)(_CompactRow.CompactRow,{statusDotColor:n,statusLabel:i,statusSublabel:c,primaryText:e.label,bottomRightText:s,customBadge:l,isSelected:r,onPress:o?()=>o(e):void 0,showChevron:!!o})}const styles=_reactNative.StyleSheet.create({changeBadge:{paddingHorizontal:4},changeBadgeText:{fontSize:12}});