@buoy-gg/redux 2.1.12 → 2.1.13

package/lib/commonjs/redux/components/ReduxActionItem.js

@@ -1,366 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReduxActionItem = ReduxActionItem;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _reduxActionStore = require("../utils/reduxActionStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Compact list item for displaying a Redux action
- * Uses shared CompactRow for consistent styling with React Query devtools
- */
-
-/**
- * Color palette for async operation badges
- * Each operation gets a distinct color to make matching easy
- */
-const OPERATION_COLORS = [{
-  bg: "rgba(99, 102, 241, 0.25)",
-  text: "#818CF8"
-},
-// indigo
-{
-  bg: "rgba(236, 72, 153, 0.25)",
-  text: "#F472B6"
-},
-// pink
-{
-  bg: "rgba(14, 165, 233, 0.25)",
-  text: "#38BDF8"
-},
-// sky
-{
-  bg: "rgba(245, 158, 11, 0.25)",
-  text: "#FBBF24"
-},
-// amber
-{
-  bg: "rgba(16, 185, 129, 0.25)",
-  text: "#34D399"
-},
-// emerald
-{
-  bg: "rgba(168, 85, 247, 0.25)",
-  text: "#C084FC"
-},
-// purple
-{
-  bg: "rgba(239, 68, 68, 0.25)",
-  text: "#F87171"
-},
-// red
-{
-  bg: "rgba(20, 184, 166, 0.25)",
-  text: "#2DD4BF"
-} // teal
-];
-function getOperationColor(index) {
-  if (index <= 0) return {
-    bg: "rgba(142, 142, 147, 0.2)",
-    text: _sharedUi.buoyColors.textSecondary
-  };
-  return OPERATION_COLORS[(index - 1) % OPERATION_COLORS.length];
-}
-
-/**
- * Slice color palette - consistent colors per slice name
- * Makes it easy to visually track actions from the same slice
- */
-const SLICE_COLORS = {
-  cart: "#10B981",
-  // emerald - shopping/commerce
-  user: "#3B82F6",
-  // blue - user related
-  auth: "#8B5CF6",
-  // purple - authentication
-  app: "#6366F1",
-  // indigo - app-wide
-  ui: "#EC4899",
-  // pink - UI state
-  settings: "#F59E0B",
-  // amber - settings
-  api: "#14B8A6",
-  // teal - API calls
-  data: "#06B6D4" // cyan - data management
-};
-
-/**
- * Get consistent color for a slice based on its name
- */
-function getSliceColor(sliceName) {
-  if (!sliceName) return "#6B7280"; // gray for unknown
-
-  const lowerSlice = sliceName.toLowerCase();
-
-  // Check for exact match first
-  if (SLICE_COLORS[lowerSlice]) {
-    return SLICE_COLORS[lowerSlice];
-  }
-
-  // Check for partial matches
-  for (const [key, color] of Object.entries(SLICE_COLORS)) {
-    if (lowerSlice.includes(key)) {
-      return color;
-    }
-  }
-
-  // Generate consistent color from slice name hash
-  const hash = sliceName.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0);
-  const hue = hash * 137 % 360;
-  return `hsl(${hue}, 70%, 60%)`;
-}
-
-/**
- * Get status label based on category and slice
- */
-function getStatusLabel(category, sliceName) {
-  switch (category) {
-    case "pending":
-      return "Pending";
-    case "fulfilled":
-      return "Success";
-    case "rejected":
-      return "Error";
-    case "internal":
-      return "Internal";
-    case "query":
-      return "Query";
-    case "mutation":
-      return "Mutation";
-    default:
-      // For regular actions, show slice name if available
-      return sliceName ? sliceName.charAt(0).toUpperCase() + sliceName.slice(1) : "Action";
-  }
-}
-
-/**
- * Get color for action category
- */
-function getStatusColor(category, hasStateChange, sliceName) {
-  switch (category) {
-    case "pending":
-      return _sharedUi.buoyColors.warning;
-    case "fulfilled":
-      return _sharedUi.buoyColors.success;
-    case "rejected":
-      return _sharedUi.buoyColors.error;
-    case "internal":
-      return _sharedUi.buoyColors.textMuted;
-    case "query":
-      return _sharedUi.buoyColors.info;
-    case "mutation":
-      return _sharedUi.buoyColors.info;
-    default:
-      // For regular actions, use slice-based color
-      return getSliceColor(sliceName);
-  }
-}
-
-/**
- * Get sublabel with duration and diff info
- */
-function getSublabel(action) {
-  const parts = [];
-
-  // Add duration if available and meaningful
-  if (action.duration !== undefined && action.duration >= 0.1) {
-    parts.push(`${action.duration.toFixed(1)}ms`);
-  }
-
-  // Add diff summary - be more descriptive
-  if (action.hasStateChange) {
-    if (action.changedKeysCount && action.changedKeysCount > 0) {
-      parts.push(`${action.changedKeysCount} key${action.changedKeysCount > 1 ? 's' : ''} changed`);
-    } else {
-      parts.push(action.diffSummary || "state changed");
-    }
-  } else {
-    parts.push("no state change");
-  }
-  return parts.join(" · ");
-}
-
-/**
- * Get action name badge text
- */
-function getActionBadge(action) {
-  // Show the action name in uppercase (e.g., ADDITEM, ORDERCOMPLETED)
-  return action.actionName?.toUpperCase() || action.type.split('/').pop()?.toUpperCase() || "";
-}
-
-/**
- * Get primary text - use action name for cleaner display
- */
-function getPrimaryText(action) {
-  // For internal actions, show the full type
-  if (action.category === "internal") {
-    return action.type;
-  }
-
-  // For others, show slice/actionName format
-  if (action.sliceName) {
-    return `${action.sliceName}/${action.actionName.toLowerCase()}`;
-  }
-  return action.type;
-}
-function ReduxActionItem({
-  action,
-  onPress
-}) {
-  const relativeTime = (0, _sharedUi.useRelativeTime)(action.timestamp);
-  const sliceName = action.sliceName ?? undefined;
-  const statusColor = getStatusColor(action.category, action.hasStateChange, sliceName);
-  const statusLabel = getStatusLabel(action.category, sliceName);
-  const sublabel = getSublabel(action);
-  const primaryText = getPrimaryText(action);
-  const actionBadge = getActionBadge(action);
-
-  // Check for linked async actions
-  const linkedActions = _reduxActionStore.reduxActionStore.getLinkedActions(action);
-  const linkedCount = linkedActions.length;
-  const hasLinkedActions = linkedCount > 1;
-
-  // Get position in async sequence (1/2, 2/2, etc.)
-  const asyncPosition = hasLinkedActions ? linkedActions.findIndex(a => a.id === action.id) + 1 : 0;
-
-  // Get sequential operation index to distinguish concurrent requests (#1, #2, etc.)
-  const operationIndex = hasLinkedActions && action.meta?.requestId ? _reduxActionStore.reduxActionStore.getAsyncOperationIndex(action.meta.requestId) : 0;
-
-  // Get color for this operation's badge
-  const opColor = getOperationColor(operationIndex);
-
-  // Custom badge showing state change, slow action, or linked indicator
-  let customBadge = undefined;
-  if (action.isSlowAction) {
-    // Show slow action warning
-    customBadge = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.badgeContainer,
-      children: [hasLinkedActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.slowBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Clock, {
-          size: 12,
-          color: _sharedUi.buoyColors.error
-        })
-      })]
-    });
-  } else if (action.category === "rejected") {
-    // Show error badge for rejected actions
-    customBadge = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.badgeContainer,
-      children: [hasLinkedActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.errorBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertCircle, {
-          size: 12,
-          color: _sharedUi.buoyColors.error
-        })
-      })]
-    });
-  } else if (hasLinkedActions) {
-    // Show linked indicator for async actions
-    customBadge = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.badgeContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), action.hasStateChange && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.changeBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-          size: 12,
-          color: _sharedUi.buoyColors.warning
-        })
-      })]
-    });
-  } else if (action.hasStateChange) {
-    // Show state change indicator with action badge
-    customBadge = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.badgeContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: [styles.actionBadgeText, {
-          color: statusColor
-        }],
-        children: actionBadge
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.changeBadge,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-          size: 12,
-          color: _sharedUi.buoyColors.warning
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CompactRow, {
-    statusDotColor: statusColor,
-    statusLabel: statusLabel,
-    statusSublabel: sublabel,
-    primaryText: primaryText,
-    bottomRightText: relativeTime
-    // Use customBadge if we have special indicators, otherwise show action badge as text
-    ,
-    customBadge: customBadge,
-    badgeText: customBadge ? undefined : actionBadge,
-    badgeColor: statusColor,
-    showChevron: true,
-    onPress: () => onPress(action)
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  badgeContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  actionBadgeText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  changeBadge: {
-    paddingHorizontal: 4
-  },
-  slowBadge: {
-    paddingHorizontal: 4
-  },
-  errorBadge: {
-    paddingHorizontal: 4
-  },
-  asyncSequenceBadge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  asyncSequenceText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReduxActionItem=ReduxActionItem;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_reduxActionStore=require("../utils/reduxActionStore"),_jsxRuntime=require("react/jsx-runtime");const OPERATION_COLORS=[{bg:"rgba(99, 102, 241, 0.25)",text:"#818CF8"},{bg:"rgba(236, 72, 153, 0.25)",text:"#F472B6"},{bg:"rgba(14, 165, 233, 0.25)",text:"#38BDF8"},{bg:"rgba(245, 158, 11, 0.25)",text:"#FBBF24"},{bg:"rgba(16, 185, 129, 0.25)",text:"#34D399"},{bg:"rgba(168, 85, 247, 0.25)",text:"#C084FC"},{bg:"rgba(239, 68, 68, 0.25)",text:"#F87171"},{bg:"rgba(20, 184, 166, 0.25)",text:"#2DD4BF"}];function getOperationColor(e){return e<=0?{bg:"rgba(142, 142, 147, 0.2)",text:_sharedUi.buoyColors.textSecondary}:OPERATION_COLORS[(e-1)%OPERATION_COLORS.length]}const SLICE_COLORS={cart:"#10B981",user:"#3B82F6",auth:"#8B5CF6",app:"#6366F1",ui:"#EC4899",settings:"#F59E0B",api:"#14B8A6",data:"#06B6D4"};function getSliceColor(e){if(!e)return"#6B7280";const t=e.toLowerCase();if(SLICE_COLORS[t])return SLICE_COLORS[t];for(const[e,r]of Object.entries(SLICE_COLORS))if(t.includes(e))return r;return`hsl(${137*e.split("").reduce((e,t)=>e+t.charCodeAt(0),0)%360}, 70%, 60%)`}function getStatusLabel(e,t){switch(e){case"pending":return"Pending";case"fulfilled":return"Success";case"rejected":return"Error";case"internal":return"Internal";case"query":return"Query";case"mutation":return"Mutation";default:return t?t.charAt(0).toUpperCase()+t.slice(1):"Action"}}function getStatusColor(e,t,r){switch(e){case"pending":return _sharedUi.buoyColors.warning;case"fulfilled":return _sharedUi.buoyColors.success;case"rejected":return _sharedUi.buoyColors.error;case"internal":return _sharedUi.buoyColors.textMuted;case"query":case"mutation":return _sharedUi.buoyColors.info;default:return getSliceColor(r)}}function getSublabel(e){const t=[];return void 0!==e.duration&&e.duration>=.1&&t.push(`${e.duration.toFixed(1)}ms`),e.hasStateChange?e.changedKeysCount&&e.changedKeysCount>0?t.push(`${e.changedKeysCount} key${e.changedKeysCount>1?"s":""} changed`):t.push(e.diffSummary||"state changed"):t.push("no state change"),t.join(" · ")}function getActionBadge(e){return e.actionName?.toUpperCase()||e.type.split("/").pop()?.toUpperCase()||""}function getPrimaryText(e){return"internal"===e.category?e.type:e.sliceName?`${e.sliceName}/${e.actionName.toLowerCase()}`:e.type}function ReduxActionItem({action:e,onPress:t}){const r=(0,_sharedUi.useRelativeTime)(e.timestamp),s=e.sliceName??void 0,a=getStatusColor(e.category,e.hasStateChange,s),n=getStatusLabel(e.category,s),i=getSublabel(e),o=getPrimaryText(e),c=getActionBadge(e),u=_reduxActionStore.reduxActionStore.getLinkedActions(e),l=u.length,d=l>1,g=d?u.findIndex(t=>t.id===e.id)+1:0,x=d&&e.meta?.requestId?_reduxActionStore.reduxActionStore.getAsyncOperationIndex(e.meta.requestId):0,y=getOperationColor(x);let h;return e.isSlowAction?h=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeContainer,children:[d&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.asyncSequenceBadge,{backgroundColor:y.bg}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.asyncSequenceText,{color:y.text}],children:[g,"/",l," #",x]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.slowBadge,children:(0,_jsxRuntime.jsx)(_sharedUi.Clock,{size:12,color:_sharedUi.buoyColors.error})})]}):"rejected"===e.category?h=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeContainer,children:[d&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.asyncSequenceBadge,{backgroundColor:y.bg}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.asyncSequenceText,{color:y.text}],children:[g,"/",l," #",x]})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.errorBadge,children:(0,_jsxRuntime.jsx)(_sharedUi.AlertCircle,{size:12,color:_sharedUi.buoyColors.error})})]}):d?h=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.asyncSequenceBadge,{backgroundColor:y.bg}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.asyncSequenceText,{color:y.text}],children:[g,"/",l," #",x]})}),e.hasStateChange&&(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.changeBadge,children:(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:12,color:_sharedUi.buoyColors.warning})})]}):e.hasStateChange&&(h=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.actionBadgeText,{color:a}],children:c}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.changeBadge,children:(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:12,color:_sharedUi.buoyColors.warning})})]})),(0,_jsxRuntime.jsx)(_sharedUi.CompactRow,{statusDotColor:a,statusLabel:n,statusSublabel:i,primaryText:o,bottomRightText:r,customBadge:h,badgeText:h?void 0:c,badgeColor:a,showChevron:!0,onPress:()=>t(e)})}const styles=_reactNative.StyleSheet.create({badgeContainer:{flexDirection:"row",alignItems:"center",gap:4},actionBadgeText:{fontSize:11,fontWeight:"600",fontFamily:"monospace"},changeBadge:{paddingHorizontal:4},slowBadge:{paddingHorizontal:4},errorBadge:{paddingHorizontal:4},asyncSequenceBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4},asyncSequenceText:{fontSize:10,fontWeight:"600",fontFamily:"monospace"}});

package/lib/commonjs/redux/components/ReduxDetailViewToggle.js

@@ -1,134 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReduxDetailViewToggle = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-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); }
-/**
- * ReduxDetailViewToggle
- *
- * Three-card toggle for switching between Action, State, and Diff views.
- * Redux-specific component for the enhanced detail view.
- */
-
-const VIEW_CONFIGS = [{
-  key: "action",
-  label: "ACTION",
-  description: "View action details",
-  icon: _sharedUi.FileText,
-  activeColor: _sharedUi.macOSColors.semantic.warning
-}, {
-  key: "state",
-  label: "STATE",
-  description: "View current state",
-  icon: _sharedUi.Database,
-  activeColor: _sharedUi.macOSColors.semantic.info
-}, {
-  key: "diff",
-  label: "DIFF",
-  description: "Compare changes",
-  icon: _sharedUi.GitBranch,
-  activeColor: _sharedUi.macOSColors.semantic.success
-}];
-const ReduxDetailViewToggle = exports.ReduxDetailViewToggle = /*#__PURE__*/(0, _react.memo)(function ReduxDetailViewToggle({
-  activeView,
-  onViewChange,
-  diffDisabled = false
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.container,
-    children: VIEW_CONFIGS.map(config => {
-      const isActive = activeView === config.key;
-      const isDisabled = config.key === "diff" && diffDisabled;
-      const IconComponent = config.icon;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.card, isActive && [styles.cardActive, {
-          borderColor: config.activeColor
-        }], isDisabled && styles.cardDisabled],
-        onPress: () => !isDisabled && onViewChange(config.key),
-        activeOpacity: isDisabled ? 1 : 0.8,
-        disabled: isDisabled,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.cardContent,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-            size: 14,
-            color: isActive ? config.activeColor : isDisabled ? _sharedUi.macOSColors.text.muted : _sharedUi.macOSColors.text.secondary
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.cardLabel, isActive && [styles.cardLabelActive, {
-              color: config.activeColor
-            }], isDisabled && styles.cardLabelDisabled],
-            children: config.label
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.cardDescription, isActive && styles.cardDescriptionActive, isDisabled && styles.cardDescriptionDisabled],
-          children: config.description
-        })]
-      }, config.key);
-    })
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    gap: 8,
-    padding: 14,
-    backgroundColor: _sharedUi.macOSColors.background.base
-  },
-  card: {
-    flex: 1,
-    backgroundColor: _sharedUi.macOSColors.background.card,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: _sharedUi.macOSColors.border.default,
-    padding: 10,
-    gap: 4
-  },
-  cardActive: {
-    borderWidth: 1.5,
-    backgroundColor: "rgba(0, 184, 230, 0.05)",
-    shadowColor: _sharedUi.macOSColors.semantic.info,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 3
-  },
-  cardDisabled: {
-    opacity: 0.5
-  },
-  cardContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  cardLabel: {
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  cardLabelActive: {
-    color: _sharedUi.macOSColors.text.primary
-  },
-  cardLabelDisabled: {
-    color: _sharedUi.macOSColors.text.muted
-  },
-  cardDescription: {
-    fontSize: 9,
-    color: _sharedUi.macOSColors.text.muted,
-    lineHeight: 12
-  },
-  cardDescriptionActive: {
-    color: _sharedUi.macOSColors.text.secondary
-  },
-  cardDescriptionDisabled: {
-    color: _sharedUi.macOSColors.text.muted
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReduxDetailViewToggle=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var i,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(i=r?a:t){if(i.has(e))return i.get(e);i.set(e,s)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?i(s,r,o):s[r]=e[r]);return s})(e,r)}const VIEW_CONFIGS=[{key:"action",label:"ACTION",description:"View action details",icon:_sharedUi.FileText,activeColor:_sharedUi.macOSColors.semantic.warning},{key:"state",label:"STATE",description:"View current state",icon:_sharedUi.Database,activeColor:_sharedUi.macOSColors.semantic.info},{key:"diff",label:"DIFF",description:"Compare changes",icon:_sharedUi.GitBranch,activeColor:_sharedUi.macOSColors.semantic.success}],ReduxDetailViewToggle=exports.ReduxDetailViewToggle=(0,_react.memo)(function({activeView:e,onViewChange:r,diffDisabled:t=!1}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.container,children:VIEW_CONFIGS.map(a=>{const i=e===a.key,o="diff"===a.key&&t,s=a.icon;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.card,i&&[styles.cardActive,{borderColor:a.activeColor}],o&&styles.cardDisabled],onPress:()=>!o&&r(a.key),activeOpacity:o?1:.8,disabled:o,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.cardContent,children:[(0,_jsxRuntime.jsx)(s,{size:14,color:i?a.activeColor:o?_sharedUi.macOSColors.text.muted:_sharedUi.macOSColors.text.secondary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.cardLabel,i&&[styles.cardLabelActive,{color:a.activeColor}],o&&styles.cardLabelDisabled],children:a.label})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.cardDescription,i&&styles.cardDescriptionActive,o&&styles.cardDescriptionDisabled],children:a.description})]},a.key)})})}),styles=_reactNative.StyleSheet.create({container:{flexDirection:"row",gap:8,padding:14,backgroundColor:_sharedUi.macOSColors.background.base},card:{flex:1,backgroundColor:_sharedUi.macOSColors.background.card,borderRadius:12,borderWidth:1,borderColor:_sharedUi.macOSColors.border.default,padding:10,gap:4},cardActive:{borderWidth:1.5,backgroundColor:"rgba(0, 184, 230, 0.05)",shadowColor:_sharedUi.macOSColors.semantic.info,shadowOffset:{width:0,height:2},shadowOpacity:.1,shadowRadius:8,elevation:3},cardDisabled:{opacity:.5},cardContent:{flexDirection:"row",alignItems:"center",gap:6},cardLabel:{fontSize:10,fontWeight:"700",letterSpacing:.5,color:_sharedUi.macOSColors.text.secondary},cardLabelActive:{color:_sharedUi.macOSColors.text.primary},cardLabelDisabled:{color:_sharedUi.macOSColors.text.muted},cardDescription:{fontSize:9,color:_sharedUi.macOSColors.text.muted,lineHeight:12},cardDescriptionActive:{color:_sharedUi.macOSColors.text.secondary},cardDescriptionDisabled:{color:_sharedUi.macOSColors.text.muted}});

package/lib/commonjs/redux/components/ReduxIcon.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "REDUX_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolsCore.REDUX_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "ReduxIcon", {
-  enumerable: true,
-  get: function () {
-    return _floatingToolsCore.ReduxIcon;
-  }
-});
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"REDUX_ICON_COLOR",{enumerable:!0,get:function(){return _floatingToolsCore.REDUX_ICON_COLOR}}),Object.defineProperty(exports,"ReduxIcon",{enumerable:!0,get:function(){return _floatingToolsCore.ReduxIcon}});var _floatingToolsCore=require("@buoy-gg/floating-tools-core");