@buoy-gg/network 7.0.41 → 7.0.42

package/lib/commonjs/network/components/NetworkSavedScreen.web.js

@@ -1,463 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkSavedScreen = NetworkSavedScreen;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _NetworkEventItemCompact = require("./NetworkEventItemCompact.web");
-var _DataViewer = require("./DataViewer.web");
-var _generateNetworkCopyText = require("../utils/generateNetworkCopyText");
-var _selectSavedEvents = require("../utils/selectSavedEvents");
-var _useNetworkSaved = require("../hooks/useNetworkSaved");
-var _networkSavedStore = require("../utils/networkSavedStore");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * NetworkSavedScreen.web — DOM twin of NetworkSavedScreen.tsx.
- *
- * The SAVED screen — the network tool's favorites list. Everything here is
- * read from the persisted saved store, never from the live event store: these
- * requests survive a Clear, the 500-event cap, and an app restart. Identical
- * prop contract, hook usage and derivation order as the native file — the
- * data layer is REUSED, not forked (`useNetworkSaved`, `selectSavedEvents`,
- * `generateNetworkCopyText` are all platform-free).
- *
- * Rows are the same row component the live list uses
- * (`NetworkEventItemCompact.web`), so a saved request looks exactly like the
- * request it was. Long-press here UNSAVES rather than pins — in this list
- * "get rid of it" is the action the row affords (pinning stays on the detail
- * header). Row tap opens the detail view via `onEventPress` — hosts wire it
- * to `networkSelectionStore.select` and pass `fromSaved` to the detail
- * screen, so the prev/next footer steps through THIS list (native behavior;
- * `NetworkDetailStepper.web` already derives it from `selectSavedEvents`).
- *
- * Stable-tree contract (rule4): hooks run unconditionally, then the
- * component returns null when not visible.
- *
- * shared-ui RN chrome is replicated as DOM with provenance (web consumers
- * resolve `@buoy-gg/shared-ui` to a minimal shim):
- *  - `macOSColors` / `buoyColors` — inlined verbatim subsets from
- *    shared/src/ui/gameUI/constants/.
- *  - Icons — inline lucide SVGs (shared-ui's icons are lucide re-exports).
- *  - `CopyButton` — the DOM twin exported by DataViewer.web (same lazy
- *    function-value contract, colors and 1500ms feedback as native).
- *  - `NetworkUpgradeBanner` — inlined DOM twin, values from
- *    NetworkUpgradeBanner.tsx + license/FeatureGate.tsx `proBadge` styles
- *    (static gold-less "PRO" — the Weekend Pass variant reads
- *    `useProAccess` from @buoy-gg/license, not part of the web port).
- *
- * Intentional deviations (all logged):
- *  - FlatList virtualization → a plain scrolled div (same deal as
- *    NetworkListScreen.web: MAX_SAVED caps the list at 50 rows, and the
- *    window/batch tuning + `extraData` are FlatList-only concerns).
- *  - `CopySettings` is imported from the platform-free
- *    `generateNetworkCopyText` module (the native screen imports it from
- *    NetworkCopySettingsView.tsx, which would drag react-native in).
- *
- * @platform React DOM Web
- */
-
-// =============================
-// Native palettes (provenance)
-// =============================
-
-/** macOSColors subset — shared/src/ui/gameUI/constants/macOSDesignSystemColors.ts, verbatim. */const macOSColors = {
-  background: {
-    input: "#26262A"
-  },
-  border: {
-    default: "#2D2D2F"
-  },
-  text: {
-    primary: "#F5F5F7",
-    secondary: "#A1A1A6",
-    muted: "#8E8E93",
-    disabled: "#9E9EA0"
-  },
-  semantic: {
-    success: "#34C759",
-    error: "#FF453A",
-    debug: "#BF5AF2"
-  }
-};
-
-/** buoyColors subset — shared/src/ui/gameUI/constants/gameUIColors.ts (macOS theme), verbatim. */
-const buoy = {
-  card: "#1A1A1A",
-  text: "#E0E0E0",
-  textMuted: "#888888",
-  primary: "#20C997"
-};
-
-// =============================
-// Inline lucide icons (shared-ui icons are lucide re-exports)
-// =============================
-
-function Svg({
-  size = 14,
-  color = "currentColor",
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: {
-      flexShrink: 0,
-      display: "block"
-    },
-    children: children
-  });
-}
-const Bookmark = p => /*#__PURE__*/(0, _jsxRuntime.jsx)(Svg, {
-  ...p,
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"
-  })
-});
-const Search = p => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Svg, {
-  ...p,
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "m21 21-4.3-4.3"
-  })]
-});
-const Zap = p => /*#__PURE__*/(0, _jsxRuntime.jsx)(Svg, {
-  ...p,
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
-    points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2"
-  })
-});
-
-// =============================
-// NetworkUpgradeBanner DOM twin (provenance: NetworkUpgradeBanner.tsx +
-// license/FeatureGate.tsx proBadge styles — see the deviations log)
-// =============================
-
-function NetworkUpgradeBannerWeb({
-  title,
-  subtitle,
-  onPress
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-    type: "button",
-    style: styles.upgradeBanner,
-    onClick: onPress,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      style: styles.upgradeContent,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        style: styles.upgradeLeft,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Zap, {
-          size: 16,
-          color: buoy.primary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          style: styles.upgradeTitle,
-          children: title
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        style: styles.proBadge,
-        children: "PRO"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: styles.upgradeSubtitle,
-      children: subtitle
-    })]
-  });
-}
-
-// =============================
-// Screen (structure mirrors the native file 1:1)
-// =============================
-
-function EmptyState() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: styles.emptyState,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Bookmark, {
-      size: 32,
-      color: macOSColors.text.muted
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: styles.emptyTitle,
-      children: "No saved requests"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: styles.emptyText,
-      children: "Open a request and tap the bookmark to keep it here \u2014 saved requests survive Clear and app restarts."
-    })]
-  });
-}
-function NetworkSavedScreen({
-  visible,
-  isPro,
-  copySettings,
-  search: searchProp,
-  onSearchChange,
-  onEventPress,
-  onUpgradePress
-}) {
-  const {
-    savedRecords,
-    pinnedLiveIds,
-    toggleSave,
-    clearSaved
-  } = (0, _useNetworkSaved.useNetworkSaved)();
-  // Declared with the other hooks: the `!visible` early return below would
-  // otherwise make this conditional.
-  const savedLimit = (0, _sharedUi.useLimit)("network.saved");
-  const [searchState, setSearchState] = (0, _react.useState)("");
-  const controlled = searchProp != null && onSearchChange != null;
-  const search = controlled ? searchProp : searchState;
-  const setSearch = controlled ? onSearchChange : setSearchState;
-  if (!visible) return null;
-
-  // Shared with the detail footer, so "Next" can't disagree with the row below.
-  const {
-    events: filtered,
-    lockedCount
-  } = (0, _selectSavedEvents.selectSavedEvents)(savedRecords, savedLimit, search);
-  const handleLongPress = event => {
-    toggleSave(event);
-  };
-  const renderListFooter = () => {
-    if (lockedCount === 0) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NetworkUpgradeBannerWeb, {
-      title: `${lockedCount} saved ${lockedCount === 1 ? "request" : "requests"} locked`,
-      subtitle: `Your plan keeps ${savedLimit}. Upgrade to Pro to unlock the rest.`,
-      onPress: onUpgradePress
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: styles.root,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: styles.toolbar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Bookmark, {
-        size: 11,
-        color: macOSColors.semantic.debug
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        style: styles.toolbarTitle,
-        children: ["SAVED \xB7 ", savedRecords.length, savedLimit >= _networkSavedStore.MAX_SAVED ? "" : `/${savedLimit}`]
-      }), isPro ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataViewer.CopyButton
-      // Lazy value, resolved at press time — no string is built per
-      // render, and it always reflects the current list.
-      , {
-        value: () => (0, _generateNetworkCopyText.generateNetworkCopyText)(filtered, copySettings),
-        size: 13,
-        buttonStyle: {
-          ...styles.toolbarButton,
-          ...(filtered.length === 0 ? styles.toolbarButtonDisabled : null)
-        },
-        colors: {
-          idle: macOSColors.text.secondary,
-          success: macOSColors.semantic.success,
-          error: macOSColors.semantic.error
-        },
-        "aria-label": "Copy saved requests"
-      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        type: "button",
-        onClick: clearSaved,
-        style: styles.toolbarClear,
-        disabled: savedRecords.length === 0,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          style: {
-            ...styles.toolbarClearText,
-            ...(savedRecords.length === 0 ? styles.toolbarClearTextDisabled : null)
-          },
-          children: "Clear all"
-        })
-      })]
-    }), savedRecords.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: styles.searchRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Search, {
-        size: 13,
-        color: macOSColors.text.secondary
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-        style: styles.searchInput,
-        placeholder: "Search saved requests\u2026",
-        value: search,
-        onChange: e => setSearch(e.target.value),
-        "aria-label": "Search saved requests",
-        autoCapitalize: "none",
-        autoCorrect: "off",
-        autoComplete: "off",
-        spellCheck: false
-      })]
-    }) : null, savedRecords.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyState, {}) :
-    /*#__PURE__*/
-    // DEVIATION: FlatList → plain scrolled div (see file header). The
-    // list still OWNS scrolling — hosts render this screen without a
-    // scroll wrapper, same as native.
-    (0, _jsxRuntime.jsx)("div", {
-      style: styles.list,
-      "aria-label": "Saved requests list",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: styles.listContent,
-        children: [filtered.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact, {
-          event: item,
-          onPress: onEventPress,
-          onLongPress: handleLongPress,
-          saved: true,
-          pinned: pinnedLiveIds.has(item.id)
-        }, item.id)), renderListFooter()]
-      })
-    })]
-  });
-}
-
-// Values mirror the native StyleSheet block 1:1.
-const styles = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    flex: 1,
-    minHeight: 0
-  },
-  toolbar: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    padding: "10px 20px 6px"
-  },
-  toolbarTitle: {
-    flex: 1,
-    color: macOSColors.semantic.debug,
-    fontSize: 10,
-    fontWeight: 700,
-    letterSpacing: 0.6,
-    fontFamily: "ui-monospace, Menlo, monospace",
-    textAlign: "left"
-  },
-  toolbarButton: {
-    width: 26,
-    height: 26,
-    boxSizing: "border-box",
-    borderRadius: 6,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  /** Native passes `disabled` to CopyButton; the DOM twin has no disabled
-   * prop, so the toolbar dims + inerts it the same way native renders it. */
-  toolbarButtonDisabled: {
-    opacity: 0.55,
-    pointerEvents: "none"
-  },
-  toolbarClear: {
-    padding: "2px 6px",
-    background: "none",
-    border: "none",
-    cursor: "pointer",
-    margin: 0
-  },
-  toolbarClearText: {
-    color: macOSColors.text.muted,
-    fontSize: 10
-  },
-  toolbarClearTextDisabled: {
-    color: macOSColors.text.disabled
-  },
-  searchRow: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    margin: "0 12px 8px",
-    padding: "5px 10px",
-    backgroundColor: macOSColors.background.input,
-    borderRadius: 10,
-    border: `1px solid ${macOSColors.border.default}`
-  },
-  searchInput: {
-    flex: 1,
-    minWidth: 0,
-    color: macOSColors.text.primary,
-    fontSize: 13,
-    padding: "2px 0",
-    border: "none",
-    outline: "none",
-    background: "transparent",
-    fontFamily: "inherit"
-  },
-  list: {
-    flex: 1,
-    minHeight: 0,
-    overflowY: "auto"
-  },
-  listContent: {
-    paddingTop: 4
-  },
-  emptyState: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    padding: "40px 24px"
-  },
-  emptyTitle: {
-    color: macOSColors.text.primary,
-    fontSize: 14,
-    fontWeight: 600,
-    marginTop: 12,
-    marginBottom: 6
-  },
-  emptyText: {
-    color: macOSColors.text.muted,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: "17px"
-  },
-  // NetworkUpgradeBanner.tsx values (buoyColors), verbatim.
-  upgradeBanner: {
-    display: "block",
-    width: "calc(100% - 24px)",
-    boxSizing: "border-box",
-    backgroundColor: buoy.card,
-    borderRadius: 10,
-    border: `1px solid ${buoy.primary}40`,
-    padding: 12,
-    margin: "12px 12px 34px",
-    textAlign: "left",
-    cursor: "pointer",
-    fontFamily: "inherit"
-  },
-  upgradeContent: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4
-  },
-  upgradeLeft: {
-    display: "inline-flex",
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  upgradeTitle: {
-    color: buoy.text,
-    fontSize: 13,
-    fontWeight: 600
-  },
-  upgradeSubtitle: {
-    display: "block",
-    color: buoy.textMuted,
-    fontSize: 11
-  },
-  // license/FeatureGate.tsx `proBadge`/`proBadgeText`, verbatim.
-  proBadge: {
-    display: "inline-flex",
-    backgroundColor: `${buoy.primary}15`,
-    borderRadius: 4,
-    border: `1px solid ${buoy.primary}40`,
-    padding: "2px 6px",
-    fontSize: 10,
-    fontWeight: 700,
-    color: buoy.primary,
-    letterSpacing: 0.5
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkSavedScreen=NetworkSavedScreen;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _NetworkEventItemCompact=require("./NetworkEventItemCompact.web");var _DataViewer=require("./DataViewer.web");var _generateNetworkCopyText=require("../utils/generateNetworkCopyText");var _selectSavedEvents=require("../utils/selectSavedEvents");var _useNetworkSaved=require("../hooks/useNetworkSaved");var _networkSavedStore=require("../utils/networkSavedStore");var _jsxRuntime=require("react/jsx-runtime");const macOSColors={background:{input:"#26262A"},border:{default:"#2D2D2F"},text:{primary:"#F5F5F7",secondary:"#A1A1A6",muted:"#8E8E93",disabled:"#9E9EA0"},semantic:{success:"#34C759",error:"#FF453A",debug:"#BF5AF2"}};const buoy={card:"#1A1A1A",text:"#E0E0E0",textMuted:"#888888",primary:"#20C997"};function Svg({size:e=14,color:o="currentColor",children:n}){return(0,_jsxRuntime.jsx)("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:o,strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,display:"block"},children:n})}const Bookmark=e=>(0,_jsxRuntime.jsx)(Svg,{...e,children:(0,_jsxRuntime.jsx)("path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"})});const Search=e=>(0,_jsxRuntime.jsxs)(Svg,{...e,children:[(0,_jsxRuntime.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,_jsxRuntime.jsx)("path",{d:"m21 21-4.3-4.3"})]});const Zap=e=>(0,_jsxRuntime.jsx)(Svg,{...e,children:(0,_jsxRuntime.jsx)("polygon",{points:"13 2 3 14 12 14 11 22 21 10 12 10 13 2"})});function NetworkUpgradeBannerWeb({title:e,subtitle:o,onPress:n}){return(0,_jsxRuntime.jsxs)("button",{type:"button",style:styles.upgradeBanner,onClick:n,children:[(0,_jsxRuntime.jsxs)("span",{style:styles.upgradeContent,children:[(0,_jsxRuntime.jsxs)("span",{style:styles.upgradeLeft,children:[(0,_jsxRuntime.jsx)(Zap,{size:16,color:buoy.primary}),(0,_jsxRuntime.jsx)("span",{style:styles.upgradeTitle,children:e})]}),(0,_jsxRuntime.jsx)("span",{style:styles.proBadge,children:"PRO"})]}),(0,_jsxRuntime.jsx)("span",{style:styles.upgradeSubtitle,children:o})]})}function EmptyState(){return(0,_jsxRuntime.jsxs)("div",{style:styles.emptyState,children:[(0,_jsxRuntime.jsx)(Bookmark,{size:32,color:macOSColors.text.muted}),(0,_jsxRuntime.jsx)("div",{style:styles.emptyTitle,children:"No saved requests"}),(0,_jsxRuntime.jsx)("div",{style:styles.emptyText,children:"Open a request and tap the bookmark to keep it here \u2014 saved requests survive Clear and app restarts."})]})}function NetworkSavedScreen({visible:e,isPro:o,copySettings:n,search:i,onSearchChange:d,onEventPress:p,onUpgradePress:x}){const{savedRecords:r,pinnedLiveIds:g,toggleSave:b,clearSaved:h}=(0,_useNetworkSaved.useNetworkSaved)();const s=(0,_sharedUi.useLimit)("network.saved");const[y,m]=(0,_react.useState)("");const c=i!=null&&d!=null;const u=c?i:y;const v=c?d:m;if(!e)return null;const{events:a,lockedCount:l}=(0,_selectSavedEvents.selectSavedEvents)(r,s,u);const f=t=>{b(t)};const S=()=>{if(l===0)return null;return(0,_jsxRuntime.jsx)(NetworkUpgradeBannerWeb,{title:`${l} saved ${l===1?"request":"requests"} locked`,subtitle:`Your plan keeps ${s}. Upgrade to Pro to unlock the rest.`,onPress:x})};return(0,_jsxRuntime.jsxs)("div",{style:styles.root,children:[(0,_jsxRuntime.jsxs)("div",{style:styles.toolbar,children:[(0,_jsxRuntime.jsx)(Bookmark,{size:11,color:macOSColors.semantic.debug}),(0,_jsxRuntime.jsxs)("span",{style:styles.toolbarTitle,children:["SAVED \xB7 ",r.length,s>=_networkSavedStore.MAX_SAVED?"":`/${s}`]}),o?(0,_jsxRuntime.jsx)(_DataViewer.CopyButton,{value:()=>(0,_generateNetworkCopyText.generateNetworkCopyText)(a,n),size:13,buttonStyle:{...styles.toolbarButton,...a.length===0?styles.toolbarButtonDisabled:null},colors:{idle:macOSColors.text.secondary,success:macOSColors.semantic.success,error:macOSColors.semantic.error},"aria-label":"Copy saved requests"}):null,(0,_jsxRuntime.jsx)("button",{type:"button",onClick:h,style:styles.toolbarClear,disabled:r.length===0,children:(0,_jsxRuntime.jsx)("span",{style:{...styles.toolbarClearText,...r.length===0?styles.toolbarClearTextDisabled:null},children:"Clear all"})})]}),r.length>0?(0,_jsxRuntime.jsxs)("div",{style:styles.searchRow,children:[(0,_jsxRuntime.jsx)(Search,{size:13,color:macOSColors.text.secondary}),(0,_jsxRuntime.jsx)("input",{style:styles.searchInput,placeholder:"Search saved requests\u2026",value:u,onChange:t=>v(t.target.value),"aria-label":"Search saved requests",autoCapitalize:"none",autoCorrect:"off",autoComplete:"off",spellCheck:false})]}):null,r.length===0?(0,_jsxRuntime.jsx)(EmptyState,{}):(0,_jsxRuntime.jsx)("div",{style:styles.list,"aria-label":"Saved requests list",children:(0,_jsxRuntime.jsxs)("div",{style:styles.listContent,children:[a.map(t=>(0,_jsxRuntime.jsx)(_NetworkEventItemCompact.NetworkEventItemCompact,{event:t,onPress:p,onLongPress:f,saved:true,pinned:g.has(t.id)},t.id)),S()]})})]})}const styles={root:{display:"flex",flexDirection:"column",flex:1,minHeight:0},toolbar:{display:"flex",flexDirection:"row",alignItems:"center",gap:6,padding:"10px 20px 6px"},toolbarTitle:{flex:1,color:macOSColors.semantic.debug,fontSize:10,fontWeight:700,letterSpacing:.6,fontFamily:"ui-monospace, Menlo, monospace",textAlign:"left"},toolbarButton:{width:26,height:26,boxSizing:"border-box",borderRadius:6,alignItems:"center",justifyContent:"center"},toolbarButtonDisabled:{opacity:.55,pointerEvents:"none"},toolbarClear:{padding:"2px 6px",background:"none",border:"none",cursor:"pointer",margin:0},toolbarClearText:{color:macOSColors.text.muted,fontSize:10},toolbarClearTextDisabled:{color:macOSColors.text.disabled},searchRow:{display:"flex",flexDirection:"row",alignItems:"center",gap:6,margin:"0 12px 8px",padding:"5px 10px",backgroundColor:macOSColors.background.input,borderRadius:10,border:`1px solid ${macOSColors.border.default}`},searchInput:{flex:1,minWidth:0,color:macOSColors.text.primary,fontSize:13,padding:"2px 0",border:"none",outline:"none",background:"transparent",fontFamily:"inherit"},list:{flex:1,minHeight:0,overflowY:"auto"},listContent:{paddingTop:4},emptyState:{display:"flex",flexDirection:"column",alignItems:"center",padding:"40px 24px"},emptyTitle:{color:macOSColors.text.primary,fontSize:14,fontWeight:600,marginTop:12,marginBottom:6},emptyText:{color:macOSColors.text.muted,fontSize:12,textAlign:"center",lineHeight:"17px"},upgradeBanner:{display:"block",width:"calc(100% - 24px)",boxSizing:"border-box",backgroundColor:buoy.card,borderRadius:10,border:`1px solid ${buoy.primary}40`,padding:12,margin:"12px 12px 34px",textAlign:"left",cursor:"pointer",fontFamily:"inherit"},upgradeContent:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},upgradeLeft:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:8},upgradeTitle:{color:buoy.text,fontSize:13,fontWeight:600},upgradeSubtitle:{display:"block",color:buoy.textMuted,fontSize:11},proBadge:{display:"inline-flex",backgroundColor:`${buoy.primary}15`,borderRadius:4,border:`1px solid ${buoy.primary}40`,padding:"2px 6px",fontSize:10,fontWeight:700,color:buoy.primary,letterSpacing:.5}};

package/lib/commonjs/network/components/NetworkUpgradeBanner.js

@@ -1,76 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkUpgradeBanner = NetworkUpgradeBanner;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * The "N things are locked, upgrade to see them" banner.
- *
- * Extracted because there are now two of them — locked request history on the
- * live list, and locked saves on the Saved screen — and they are the same
- * offer. Two copies would drift the moment one of them gets a copy tweak.
- */
-
-function NetworkUpgradeBanner({
-  title,
-  subtitle,
-  onPress
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.banner,
-    onPress: onPress,
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.left,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Zap, {
-          size: 16,
-          color: _sharedUi.buoyColors.primary
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.title,
-          children: title
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProBadge, {})]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.subtitle,
-      children: subtitle
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  banner: {
-    backgroundColor: _sharedUi.buoyColors.card,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: _sharedUi.buoyColors.primary + "40",
-    padding: 12,
-    marginHorizontal: 12,
-    marginTop: 12,
-    marginBottom: 34
-  },
-  content: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4
-  },
-  left: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  title: {
-    color: _sharedUi.buoyColors.text,
-    fontSize: 13,
-    fontWeight: "600"
-  },
-  subtitle: {
-    color: _sharedUi.buoyColors.textMuted,
-    fontSize: 11
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkUpgradeBanner=NetworkUpgradeBanner;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function NetworkUpgradeBanner({title:e,subtitle:r,onPress:t}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.banner,onPress:t,activeOpacity:.8,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.left,children:[(0,_jsxRuntime.jsx)(_sharedUi.Zap,{size:16,color:_sharedUi.buoyColors.primary}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:e})]}),(0,_jsxRuntime.jsx)(_sharedUi.ProBadge,{})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.subtitle,children:r})]})}const styles=_reactNative.StyleSheet.create({banner:{backgroundColor:_sharedUi.buoyColors.card,borderRadius:10,borderWidth:1,borderColor:_sharedUi.buoyColors.primary+"40",padding:12,marginHorizontal:12,marginTop:12,marginBottom:34},content:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:4},left:{flexDirection:"row",alignItems:"center",gap:8},title:{color:_sharedUi.buoyColors.text,fontSize:13,fontWeight:"600"},subtitle:{color:_sharedUi.buoyColors.textMuted,fontSize:11}});