@buoy-gg/jotai 7.0.41 → 7.0.43

package/lib/module/jotai/components/JotaiAtomValueDetailContent.js

@@ -1,442 +1 @@
-"use strict";
-
-/**
- * One atom, on a screen of its own — the React Query detail-screen shape
- * pointed at a live jotai atom. The jotai counterpart of zustand's
- * `ZustandStoreDetailContent`; tapping an atom card opens this instead of
- * expanding in place.
- *
- *   1. VALUE EDITOR — the shared LiveExplorer. No draft, no Save: an edit
- *      writes into the atom as you make it and the app reacts immediately.
- *      Typing commits on a short debounce (~300ms, flushed on blur) so a word
- *      is one recorded change, not one per keystroke — atom writes land in
- *      the change log and count against the free tier's cap.
- *   2. ATOM DETAILS — what the expanded card used to say: type, write
- *      semantics, change count (with the road to history).
- *   3. VALUE EXPLORER — the read-only tree of the same value.
- *
- * THE WRITE RULE — whole-value replace, jotai's own semantics. An atom is one
- * value; there is no merge. However deep the edit, the writer rebuilds the
- * whole value (`updateNestedDataByPath`) and hands it to `store.set(atom, …)`
- * — so nested deletes are fine and only the ROOT itself can't be removed.
- *
- * Write-kind honesty (classified from jotai's own `defaultWrite`, see
- * writeSemantics.ts):
- *   - "value"  — primitive atom: `store.set` stores the edited value. Clean.
- *   - "action" — custom write (`atomWithStorage`, `atomWithReducer`, …): the
- *     edited value is passed to that write as its argument. For most
- *     (`atomWithStorage`) that IS a set; for a reducer it's an action. Still
- *     editable — the MCP's `setAtom` and Time Machine restore already write
- *     these — but the editor says what the write really does.
- *   - read-only derived — no setter exists; the editor section explains and
- *     the info/explorer sections still render.
- */
-
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { buoyColors, ExpandedInfoRow, FileJson, night, PillBadge, parseValue, monoFont } from "@buoy-gg/shared-ui";
-import { DataViewer, LiveExplorer, ValueEditModal, updateNestedDataByPath, deleteNestedDataByPath } from "@buoy-gg/shared-ui/dataViewer";
-import { jotaiStateStore } from "../utils/jotaiStateStore";
-import { JOTAI_TEST_ID, atomRowTestID } from "../utils/testIDs";
-
-/** How long typed edits coalesce before the single write fires. */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const TYPING_COMMIT_MS = 300;
-
-/** `buoy-jotai-atom-detail-…` — this screen's own handle root. */
-const DETAIL_ID = `${JOTAI_TEST_ID}-atom-detail`;
-function detailExplorerTestID(dataPath) {
-  const slug = part => part.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-  return dataPath.length === 0 ? `${DETAIL_ID}-explorer-root` : `${DETAIL_ID}-explorer-${dataPath.map(slug).filter(Boolean).join("-")}`;
-}
-
-/**
- * Why this atom's value can't be live-edited, or null when it can.
- *
- * The path utils handle scalars, arrays, plain objects, Map and Set. What
- * they can't faithfully rebuild is a class instance (a leaf edit would spread
- * it into a plain object, dropping its prototype) — and a mirror's
- * on-device marker or a function value aren't editable data at all.
- */
-function editBlockedReasonFor(atom, value) {
-  if (!atom.setValue) {
-    return "Derived atom — its value recomputes from other atoms and has no setter. Edit the atoms it reads from instead.";
-  }
-  if (typeof value === "function") {
-    return "This atom holds a function — nothing here to edit as data.";
-  }
-  if (value && typeof value === "object" && value.__buoyValueOnDevice === true) {
-    return "The value stayed on the device (too large for the wire) — open the tool on-device to edit it.";
-  }
-  if (value && typeof value === "object") {
-    const proto = Object.getPrototypeOf(value);
-    const isPlain = proto === Object.prototype || proto === null || Array.isArray(value) || value instanceof Map || value instanceof Set;
-    if (!isPlain) {
-      const name = value.constructor?.name ?? "class";
-      return `This atom holds a ${name} instance — rebuilding it from edited fields would drop its prototype. Edit via app code.`;
-    }
-  }
-  return null;
-}
-function valueTypeLabel(value) {
-  if (value === null) return "null";
-  if (value === undefined) return "undefined";
-  if (Array.isArray(value)) return `array · ${value.length}`;
-  return typeof value;
-}
-export function JotaiAtomValueDetailContent({
-  atom,
-  onViewHistory
-}) {
-  const rowID = atomRowTestID(atom.label);
-
-  // Re-render on every recorded change — our own edits included — so the
-  // editor, the read-only explorer, and the change count all track the live
-  // atom. Changes and registry updates arrive on separate listener sets, so
-  // subscribe to both. On a desktop mirror the snapshot refresh drives the
-  // same listeners.
-  const [version, setVersion] = useState(0);
-  useEffect(() => {
-    const bump = () => setVersion(v => v + 1);
-    const unsubChanges = jotaiStateStore.subscribe(bump);
-    const unsubAtoms = jotaiStateStore.subscribeToAtoms(bump);
-    return () => {
-      unsubChanges();
-      unsubAtoms();
-    };
-  }, []);
-
-  // Recomputed per change on purpose — this screen edits the LIVE atom, so
-  // every view of it derives from the atom's current answer, never a seed.
-  const value = useMemo(() => {
-    try {
-      return atom.getValue();
-    } catch {
-      return undefined;
-    }
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [atom, version]);
-  const blockedReason = editBlockedReasonFor(atom, value);
-  const [rawOpen, setRawOpen] = useState(false);
-  const writer = useMemo(() => {
-    if (blockedReason !== null) return undefined;
-    return {
-      update: (path, next) => {
-        const current = atom.getValue();
-        atom.setValue?.(path.length === 0 ? next : updateNestedDataByPath(current, path, next));
-      },
-      remove: path => {
-        // Depth 0 is vetoed by canRemove; an atom is one value — you can
-        // empty it, not remove it.
-        if (path.length === 0) return;
-        const current = atom.getValue();
-        atom.setValue?.(deleteNestedDataByPath(current, path));
-      },
-      canRemove: path => path.length > 0
-    };
-  }, [atom, blockedReason]);
-  const displayValue = useMemo(() => {
-    if (value && typeof value === "object") {
-      const filtered = {};
-      for (const [key, v] of Object.entries(value)) {
-        if (typeof v !== "function") filtered[key] = v;
-      }
-      return parseValue(filtered);
-    }
-    return parseValue(value);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value, version]);
-
-  /** Raw-hatch save: whole-value edit, one write. */
-  const applyRaw = useCallback(next => {
-    atom.setValue?.(next);
-    setRawOpen(false);
-  }, [atom]);
-  const writePill = atom.setValue === undefined ? {
-    color: night.color.textTertiary,
-    label: "READ-ONLY (DERIVED)"
-  } : atom.writeKind === "action" ? {
-    color: buoyColors.warning,
-    label: "CUSTOM WRITE"
-  } : {
-    color: buoyColors.success,
-    label: "PRIMITIVE"
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.root,
-    children: [/*#__PURE__*/_jsxs(ScrollView, {
-      testID: `${DETAIL_ID}-scroll`,
-      style: styles.scroll,
-      contentContainerStyle: styles.scrollContent,
-      keyboardShouldPersistTaps: "handled",
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.section,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.editorContainer,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: styles.sectionHeaderRow,
-            children: [/*#__PURE__*/_jsx(Text, {
-              testID: `${DETAIL_ID}-editor-header`,
-              style: styles.sectionHeaderText,
-              children: "Value Editor"
-            }), blockedReason === null ? /*#__PURE__*/_jsxs(TouchableOpacity, {
-              onPress: () => setRawOpen(true),
-              testID: `${DETAIL_ID}-raw`,
-              accessibilityRole: "button",
-              accessibilityLabel: "Edit raw JSON",
-              style: styles.rawButton,
-              hitSlop: {
-                top: 6,
-                bottom: 6,
-                left: 6,
-                right: 6
-              },
-              children: [/*#__PURE__*/_jsx(FileJson, {
-                size: 13,
-                color: night.color.accent
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.rawButtonText,
-                children: "Raw"
-              })]
-            }) : null]
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.sectionBody,
-            children: blockedReason === null ? /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(LiveExplorer, {
-                editable: true,
-                label: atom.label,
-                value: value,
-                defaultExpanded: [atom.label],
-                writer: writer,
-                dataVersion: version,
-                testIDForPath: detailExplorerTestID,
-                debounceMs: TYPING_COMMIT_MS
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.editorHint,
-                children: atom.writeKind === "action" ? "This atom has a custom write — the edited value is handed to it as its argument (a set for atomWithStorage, an ACTION for a reducer atom)." : "Edits write into the live atom as you make them — the whole value is replaced, jotai's own semantics."
-              })]
-            }) : /*#__PURE__*/_jsx(Text, {
-              style: styles.blockedText,
-              testID: `${DETAIL_ID}-edit-blocked`,
-              children: blockedReason
-            })
-          })]
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.section,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.infoContainer,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.sectionHeaderTextPlain,
-            children: "Atom Details"
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.infoBody,
-            children: [/*#__PURE__*/_jsxs(ExpandedInfoRow, {
-              label: "Type",
-              children: [/*#__PURE__*/_jsx(PillBadge, {
-                color: atom.color,
-                testID: `${rowID}-type`,
-                children: "JOTAI"
-              }), /*#__PURE__*/_jsx(Text, {
-                style: styles.valueTypeText,
-                testID: `${rowID}-valuetype`,
-                children: valueTypeLabel(value)
-              })]
-            }), /*#__PURE__*/_jsx(ExpandedInfoRow, {
-              label: "Write",
-              children: /*#__PURE__*/_jsx(PillBadge, {
-                color: writePill.color,
-                testID: `${DETAIL_ID}-write`,
-                children: writePill.label
-              })
-            }), atom.changeCount > 0 && /*#__PURE__*/_jsxs(ExpandedInfoRow, {
-              label: "Changes",
-              children: [/*#__PURE__*/_jsx(PillBadge, {
-                color: buoyColors.warning,
-                testID: `${rowID}-changes`,
-                children: String(atom.changeCount)
-              }), /*#__PURE__*/_jsx(TouchableOpacity, {
-                onPress: () => onViewHistory(atom.label),
-                style: styles.inlineLinkButton,
-                hitSlop: {
-                  top: 6,
-                  bottom: 6,
-                  left: 6,
-                  right: 6
-                },
-                testID: `${rowID}-history`,
-                accessibilityRole: "button",
-                accessibilityLabel: `View ${atom.label} history`,
-                children: /*#__PURE__*/_jsx(Text, {
-                  style: [styles.inlineLinkText, {
-                    color: atom.color
-                  }],
-                  children: "view history \u2192"
-                })
-              })]
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.section,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.infoContainer,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.sectionHeaderTextPlain,
-            children: "Value Explorer"
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.viewerBody,
-            testID: `${rowID}-value`,
-            children: displayValue && typeof displayValue === "object" ? /*#__PURE__*/_jsx(DataViewer, {
-              title: "",
-              data: displayValue,
-              showTypeFilter: true,
-              rawMode: true,
-              initialExpanded: false
-            }) : /*#__PURE__*/_jsx(Text, {
-              style: styles.primitiveText,
-              testID: `${rowID}-primitive`,
-              children: String(value ?? "undefined")
-            })
-          })]
-        })
-      })]
-    }), rawOpen && blockedReason === null ? /*#__PURE__*/_jsx(ValueEditModal, {
-      path: [],
-      value: value,
-      onSave: applyRaw,
-      onCancel: () => setRawOpen(false),
-      saveLabel: "Apply",
-      testIDPrefix: `${JOTAI_TEST_ID}-value`
-    }) : null]
-  });
-}
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-    minHeight: 0
-  },
-  scroll: {
-    flex: 1
-  },
-  scrollContent: {
-    paddingHorizontal: 8,
-    paddingTop: 8,
-    paddingBottom: 24
-  },
-  section: {
-    marginBottom: 16
-  },
-  // The editable section wears the accent, like RQ's Data Editor — the one
-  // box on this screen that changes things should read differently from the
-  // two that don't.
-  editorContainer: {
-    minWidth: 200,
-    backgroundColor: night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.accent + "4D",
-    overflow: "hidden",
-    shadowColor: night.color.accent,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 6
-  },
-  sectionHeaderRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: night.color.accent + "1A",
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: night.color.accent + "33"
-  },
-  sectionHeaderText: {
-    fontWeight: "600",
-    fontSize: 12,
-    color: night.color.accent,
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont
-  },
-  rawButton: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  rawButtonText: {
-    color: night.color.accent,
-    fontSize: 11,
-    fontWeight: "700"
-  },
-  sectionBody: {
-    padding: 8
-  },
-  editorHint: {
-    color: night.color.textTertiary,
-    fontSize: 10,
-    paddingTop: 8,
-    paddingHorizontal: 4,
-    lineHeight: 14
-  },
-  blockedText: {
-    color: night.color.textSecondary,
-    fontSize: 12,
-    padding: 12,
-    lineHeight: 18
-  },
-  infoContainer: {
-    minWidth: 200,
-    backgroundColor: night.color.surface,
-    borderRadius: 6,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    overflow: "hidden"
-  },
-  sectionHeaderTextPlain: {
-    backgroundColor: night.color.surfaceElevated,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    fontWeight: "600",
-    fontSize: 12,
-    color: night.color.textSecondary,
-    borderBottomWidth: 1,
-    borderBottomColor: night.color.border,
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont
-  },
-  infoBody: {
-    padding: 12,
-    gap: 10
-  },
-  viewerBody: {
-    backgroundColor: night.color.bg,
-    minHeight: 60
-  },
-  primitiveText: {
-    color: night.color.text,
-    fontSize: 12,
-    fontFamily: monoFont,
-    padding: 14
-  },
-  valueTypeText: {
-    color: night.color.textTertiary,
-    fontSize: 10,
-    fontFamily: monoFont,
-    marginLeft: 6
-  },
-  inlineLinkButton: {
-    marginLeft: 4
-  },
-  inlineLinkText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: monoFont
-  }
-});
+"use strict";import{useCallback as O,useEffect as j,useMemo as T,useState as S}from"react";import{ScrollView as A,StyleSheet as P,Text as d,TouchableOpacity as V,View as a}from"react-native";import{buoyColors as x,ExpandedInfoRow as D,FileJson as z,night as r,PillBadge as I,parseValue as B,monoFont as b}from"@buoy-gg/shared-ui";import{DataViewer as L,LiveExplorer as W,ValueEditModal as F,updateNestedDataByPath as M,deleteNestedDataByPath as _}from"@buoy-gg/shared-ui/dataViewer";import{jotaiStateStore as v}from"../utils/jotaiStateStore";import{JOTAI_TEST_ID as E,atomRowTestID as N}from"../utils/testIDs";import{jsx as o,jsxs as s,Fragment as J}from"react/jsx-runtime";const K=300;const f=`${E}-atom-detail`;function Y(e){const n=l=>l.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"");return e.length===0?`${f}-explorer-root`:`${f}-explorer-${e.map(n).filter(Boolean).join("-")}`}function G(e,n){if(!e.setValue){return"Derived atom \u2014 its value recomputes from other atoms and has no setter. Edit the atoms it reads from instead."}if(typeof n==="function"){return"This atom holds a function \u2014 nothing here to edit as data."}if(n&&typeof n==="object"&&n.__buoyValueOnDevice===true){return"The value stayed on the device (too large for the wire) \u2014 open the tool on-device to edit it."}if(n&&typeof n==="object"){const l=Object.getPrototypeOf(n);const y=l===Object.prototype||l===null||Array.isArray(n)||n instanceof Map||n instanceof Set;if(!y){const g=n.constructor?.name??"class";return`This atom holds a ${g} instance \u2014 rebuilding it from edited fields would drop its prototype. Edit via app code.`}}return null}function U(e){if(e===null)return"null";if(e===void 0)return"undefined";if(Array.isArray(e))return`array \xB7 ${e.length}`;return typeof e}export function JotaiAtomValueDetailContent({atom:e,onViewHistory:n}){const l=N(e.label);const[y,g]=S(0);j(()=>{const i=()=>g(H=>H+1);const u=v.subscribe(i);const p=v.subscribeToAtoms(i);return()=>{u();p()}},[]);const c=T(()=>{try{return e.getValue()}catch{return void 0}},[e,y]);const h=G(e,c);const[$,m]=S(false);const R=T(()=>{if(h!==null)return void 0;return{update:(i,u)=>{const p=e.getValue();e.setValue?.(i.length===0?u:M(p,i,u))},remove:i=>{if(i.length===0)return;const u=e.getValue();e.setValue?.(_(u,i))},canRemove:i=>i.length>0}},[e,h]);const w=T(()=>{if(c&&typeof c==="object"){const i={};for(const[u,p]of Object.entries(c)){if(typeof p!=="function")i[u]=p}return B(i)}return B(c)},[c,y]);const k=O(i=>{e.setValue?.(i);m(false)},[e]);const C=e.setValue===void 0?{color:r.color.textTertiary,label:"READ-ONLY (DERIVED)"}:e.writeKind==="action"?{color:x.warning,label:"CUSTOM WRITE"}:{color:x.success,label:"PRIMITIVE"};return s(a,{style:t.root,children:[s(A,{testID:`${f}-scroll`,style:t.scroll,contentContainerStyle:t.scrollContent,keyboardShouldPersistTaps:"handled",children:[o(a,{style:t.section,children:s(a,{style:t.editorContainer,children:[s(a,{style:t.sectionHeaderRow,children:[o(d,{testID:`${f}-editor-header`,style:t.sectionHeaderText,children:"Value Editor"}),h===null?s(V,{onPress:()=>m(true),testID:`${f}-raw`,accessibilityRole:"button",accessibilityLabel:"Edit raw JSON",style:t.rawButton,hitSlop:{top:6,bottom:6,left:6,right:6},children:[o(z,{size:13,color:r.color.accent}),o(d,{style:t.rawButtonText,children:"Raw"})]}):null]}),o(a,{style:t.sectionBody,children:h===null?s(J,{children:[o(W,{editable:true,label:e.label,value:c,defaultExpanded:[e.label],writer:R,dataVersion:y,testIDForPath:Y,debounceMs:K}),o(d,{style:t.editorHint,children:e.writeKind==="action"?"This atom has a custom write \u2014 the edited value is handed to it as its argument (a set for atomWithStorage, an ACTION for a reducer atom).":"Edits write into the live atom as you make them \u2014 the whole value is replaced, jotai's own semantics."})]}):o(d,{style:t.blockedText,testID:`${f}-edit-blocked`,children:h})})]})}),o(a,{style:t.section,children:s(a,{style:t.infoContainer,children:[o(d,{style:t.sectionHeaderTextPlain,children:"Atom Details"}),s(a,{style:t.infoBody,children:[s(D,{label:"Type",children:[o(I,{color:e.color,testID:`${l}-type`,children:"JOTAI"}),o(d,{style:t.valueTypeText,testID:`${l}-valuetype`,children:U(c)})]}),o(D,{label:"Write",children:o(I,{color:C.color,testID:`${f}-write`,children:C.label})}),e.changeCount>0&&s(D,{label:"Changes",children:[o(I,{color:x.warning,testID:`${l}-changes`,children:String(e.changeCount)}),o(V,{onPress:()=>n(e.label),style:t.inlineLinkButton,hitSlop:{top:6,bottom:6,left:6,right:6},testID:`${l}-history`,accessibilityRole:"button",accessibilityLabel:`View ${e.label} history`,children:o(d,{style:[t.inlineLinkText,{color:e.color}],children:"view history \u2192"})})]})]})]})}),o(a,{style:t.section,children:s(a,{style:t.infoContainer,children:[o(d,{style:t.sectionHeaderTextPlain,children:"Value Explorer"}),o(a,{style:t.viewerBody,testID:`${l}-value`,children:w&&typeof w==="object"?o(L,{title:"",data:w,showTypeFilter:true,rawMode:true,initialExpanded:false}):o(d,{style:t.primitiveText,testID:`${l}-primitive`,children:String(c??"undefined")})})]})})]}),$&&h===null?o(F,{path:[],value:c,onSave:k,onCancel:()=>m(false),saveLabel:"Apply",testIDPrefix:`${E}-value`}):null]})}const t=P.create({root:{flex:1,minHeight:0},scroll:{flex:1},scrollContent:{paddingHorizontal:8,paddingTop:8,paddingBottom:24},section:{marginBottom:16},editorContainer:{minWidth:200,backgroundColor:r.color.surface,borderRadius:6,borderWidth:1,borderColor:r.color.accent+"4D",overflow:"hidden",shadowColor:r.color.accent,shadowOffset:{width:0,height:0},shadowOpacity:.1,shadowRadius:6},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:r.color.accent+"1A",paddingHorizontal:12,paddingVertical:8,borderBottomWidth:1,borderBottomColor:r.color.accent+"33"},sectionHeaderText:{fontWeight:"600",fontSize:12,color:r.color.accent,letterSpacing:.5,textTransform:"uppercase",fontFamily:b},rawButton:{flexDirection:"row",alignItems:"center",gap:4},rawButtonText:{color:r.color.accent,fontSize:11,fontWeight:"700"},sectionBody:{padding:8},editorHint:{color:r.color.textTertiary,fontSize:10,paddingTop:8,paddingHorizontal:4,lineHeight:14},blockedText:{color:r.color.textSecondary,fontSize:12,padding:12,lineHeight:18},infoContainer:{minWidth:200,backgroundColor:r.color.surface,borderRadius:6,borderWidth:1,borderColor:r.color.border,overflow:"hidden"},sectionHeaderTextPlain:{backgroundColor:r.color.surfaceElevated,paddingHorizontal:12,paddingVertical:8,fontWeight:"600",fontSize:12,color:r.color.textSecondary,borderBottomWidth:1,borderBottomColor:r.color.border,letterSpacing:.5,textTransform:"uppercase",fontFamily:b},infoBody:{padding:12,gap:10},viewerBody:{backgroundColor:r.color.bg,minHeight:60},primitiveText:{color:r.color.text,fontSize:12,fontFamily:b,padding:14},valueTypeText:{color:r.color.textTertiary,fontSize:10,fontFamily:b,marginLeft:6},inlineLinkButton:{marginLeft:4},inlineLinkText:{fontSize:10,fontWeight:"600",fontFamily:b}});

package/lib/module/jotai/components/JotaiEventFilterView.js

@@ -1,39 +1 @@
-"use strict";
-
-/**
- * JotaiEventFilterView
- *
- * The shared `EntityFilterView` with jotai's nouns: watched atoms you can
- * tap to hide, active atom-name patterns, and how it works.
- */
-
-import { useMemo } from "react";
-import { EntityFilterView } from "@buoy-gg/shared-ui";
-import { JOTAI_TEST_ID, slugForTestID } from "../utils/testIDs";
-import { jsx as _jsx } from "react/jsx-runtime";
-const EXAMPLES = ["• count -> hides countAtom from atoms & events", "• auth -> hides authAtom, authStatusAtom", "• user -> hides userAtom from both tabs"];
-export function JotaiEventFilterView({
-  ignoredPatterns,
-  onTogglePattern,
-  onAddPattern,
-  atoms
-}) {
-  const entities = useMemo(() => atoms.map(atom => ({
-    name: atom.label,
-    color: atom.color
-  })), [atoms]);
-  return /*#__PURE__*/_jsx(EntityFilterView, {
-    entities: entities,
-    ignoredPatterns: ignoredPatterns,
-    onTogglePattern: onTogglePattern,
-    onAddPattern: onAddPattern,
-    entityNoun: "ATOMS",
-    entitySingular: "atom",
-    entityKey: "atom",
-    testIDPrefix: JOTAI_TEST_ID,
-    slug: slugForTestID,
-    howItWorks: "Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter.",
-    examples: EXAMPLES,
-    emptyMessage: "No atoms are being watched yet."
-  });
-}
+"use strict";import{useMemo as i}from"react";import{EntityFilterView as n}from"@buoy-gg/shared-ui";import{JOTAI_TEST_ID as m,slugForTestID as u}from"../utils/testIDs";import{jsx as h}from"react/jsx-runtime";const l=["\u2022 count -> hides countAtom from atoms & events","\u2022 auth -> hides authAtom, authStatusAtom","\u2022 user -> hides userAtom from both tabs"];export function JotaiEventFilterView({ignoredPatterns:o,onTogglePattern:a,onAddPattern:s,atoms:t}){const r=i(()=>t.map(e=>({name:e.label,color:e.color})),[t]);return h(n,{entities:r,ignoredPatterns:o,onTogglePattern:a,onAddPattern:s,entityNoun:"ATOMS",entitySingular:"atom",entityKey:"atom",testIDPrefix:m,slug:u,howItWorks:"Patterns hide matching atoms from both the Atoms tab and the Events tab. Tap an atom above to quickly add it as a filter.",examples:l,emptyMessage:"No atoms are being watched yet."})}

package/lib/module/jotai/components/JotaiIcon.js

@@ -1,11 +1 @@
-"use strict";
-
-/**
- * JotaiIcon — re-exported from the Buoy Icon Format.
- *
- * The artwork lives in shared/icons/jotai.json and is generated into
- * @buoy-gg/floating-tools-core, so React Native, the desktop dashboard and
- * Flutter all render the same drawing. Edit the JSON, then `pnpm icons`.
- */
-
-export { JotaiIcon, JOTAI_ICON_COLOR } from "@buoy-gg/shared-ui";
+"use strict";export{JotaiIcon,JOTAI_ICON_COLOR}from"@buoy-gg/shared-ui";