@buoy-gg/storage 7.0.30 → 7.0.31

package/lib/module/storage/components/StorageValueEditModal.js

@@ -1,373 +1,20 @@
 "use strict";
 
 /**
- * Editing one value: a panel at the top of the screen, with Cancel and Save.
+ * Storage's value-typing panel.
  *
- * This started as a pushed full screen and that was more ceremony than the task
- * deserves — changing one string is the most ordinary thing in this tool, and
- * it shouldn't cost a navigation. A modal is what people expect, and the reason
- * it's pinned to the TOP rather than centred is the keyboard: a centred panel
- * gets shoved up or covered the moment the field focuses, and a bottom sheet is
- * simply underneath it. At the top it stays put and stays readable.
- *
- * The field is multiline for anything textual. Stored values are routinely
- * tokens, URLs and serialized blobs, and a single line shows you roughly forty
- * characters of them, scrolling sideways — which is how you edit the wrong part
- * of a string without noticing.
- *
- * Type is preserved by construction: the ORIGINAL value's type picks the editor
- * AND decides how the draft is read back, so editing a number can only produce
- * a number. Raw JSON — the escape hatch for containers — re-checks the parsed
- * result and refuses a different shape.
- *
- * Nothing here writes. `onSave` hands the value to whoever owns it.
+ * The panel itself — top-pinned so the keyboard can't reach it, type preserved
+ * by construction, raw-JSON shape check — lives in shared-ui's
+ * {@link ValueEditModal}, shared with the Zustand store editor. This wrapper
+ * only pins storage's testID namespace so the Detox suite's handles
+ * (`buoy-storage-value-input`, `-save`, …) stay exactly what they were.
  */
 
-import { useState } from "react";
-import { ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
-import { absoluteFill, macOSColors, night } from "@buoy-gg/shared-ui";
-import { breadcrumb, typeLabel } from "@buoy-gg/shared-ui/dataViewer";
-
-/**
- * How this value gets edited. Driven by the value's own type, which is also
- * what makes the result type-safe without asking the user to declare anything.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function modeFor(value) {
-  if (typeof value === "boolean") return "boolean";
-  if (typeof value === "number") return "number";
-  if (value !== null && typeof value === "object") return "raw";
-  return "text";
-}
-function initialText(value, mode) {
-  if (mode === "raw") return JSON.stringify(value, null, 2);
-  if (value === null || value === undefined) return "";
-  return String(value);
-}
-function hintFor(mode, type) {
-  switch (mode) {
-    case "number":
-      return "Numeric only — anything else is refused, so this stays a number.";
-    case "raw":
-      return `Raw JSON. Must stay ${type === "array" ? "an array" : "an object"} — a different shape is refused.`;
-    default:
-      return "Saves as a string. The type never changes here.";
-  }
-}
-export function StorageValueEditModal({
-  path,
-  value,
-  onSave,
-  onCancel,
-  saveLabel = "Save",
-  busy = false
-}) {
-  const mode = modeFor(value);
-  const type = typeLabel(value);
-  const [text, setText] = useState(() => initialText(value, mode));
-
-  /**
-   * Advisory only — {@link commit} re-derives it, so a disabled button and a
-   * refused save can never disagree about what's valid.
-   */
-  const error = validate(text, mode, type);
-  const blocked = busy || error != null;
-  const commit = () => {
-    if (busy || validate(text, mode, type) != null) return;
-    onSave(parse(text, mode, value));
-  };
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.overlay,
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.scrim,
-      activeOpacity: 1,
-      onPress: busy ? undefined : onCancel,
-      testID: "buoy-storage-value-scrim",
-      accessibilityRole: "button",
-      accessibilityLabel: "Dismiss editor"
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.panel,
-      pointerEvents: "box-none",
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.card,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.headerRow,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            children: "Edit value"
-          }), /*#__PURE__*/_jsx(View, {
-            style: styles.typeBadge,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.typeBadgeText,
-              children: type
-            })
-          })]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.path,
-          numberOfLines: 1,
-          children: breadcrumb(path)
-        }), mode === "boolean" ? /*#__PURE__*/_jsx(BooleanChoice, {
-          current: value === true,
-          onPick: onSave
-        }) : /*#__PURE__*/_jsx(ScrollView, {
-          style: styles.fieldScroll,
-          keyboardShouldPersistTaps: "handled",
-          children: /*#__PURE__*/_jsx(TextInput, {
-            testID: "buoy-storage-value-input",
-            accessibilityLabel: "Value",
-            value: text,
-            onChangeText: setText,
-            autoFocus: true,
-            autoCapitalize: "none",
-            autoCorrect: false,
-            spellCheck: false,
-            editable: !busy
-            // Multiline for anything textual: stored values are long more
-            // often than they're short, and a single line hides that.
-            ,
-            multiline: mode !== "number"
-            // ASCII for raw JSON, because iOS Smart Punctuation is ON by
-            // default and rewrites the quotes you type as curly ones —
-            // which makes the text unparseable, disables Save, and leaves
-            // an "invalid JSON" message whose cause is invisible at a
-            // glance. An ASCII keyboard doesn't do the substitution.
-            ,
-            keyboardType: mode === "number" ? "numeric" : mode === "raw" ? "ascii-capable" : "default",
-            onSubmitEditing: mode === "number" ? commit : undefined,
-            placeholder: mode === "raw" ? "{ }" : "value",
-            placeholderTextColor: night.color.placeholder,
-            style: [styles.input, mode === "raw" && styles.inputRaw, mode !== "number" && styles.inputMultiline, error != null && styles.inputInvalid]
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: error != null ? styles.error : styles.hint,
-          children: error ?? hintFor(mode, type)
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.actions,
-          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: onCancel,
-            disabled: busy,
-            testID: "buoy-storage-value-cancel",
-            accessibilityRole: "button",
-            accessibilityLabel: "Cancel edit",
-            style: styles.cancelButton,
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.cancelText,
-              children: "Cancel"
-            })
-          }), mode === "boolean" ? null : /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: commit,
-            disabled: blocked,
-            testID: "buoy-storage-value-save",
-            accessibilityRole: "button",
-            accessibilityLabel: saveLabel,
-            style: [styles.saveButton, blocked && styles.saveDisabled],
-            children: /*#__PURE__*/_jsx(Text, {
-              style: styles.saveText,
-              children: busy ? "Saving…" : saveLabel
-            })
-          })]
-        })]
-      })
-    })]
+import { ValueEditModal } from "@buoy-gg/shared-ui/dataViewer";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function StorageValueEditModal(props) {
+  return /*#__PURE__*/_jsx(ValueEditModal, {
+    ...props,
+    testIDPrefix: "buoy-storage-value"
   });
-}
-function BooleanChoice({
-  current,
-  onPick
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.boolRow,
-    children: [true, false].map(option => /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => onPick(option),
-      testID: `buoy-storage-value-${option}`,
-      accessibilityRole: "button",
-      accessibilityLabel: `Set ${option}`,
-      style: [styles.boolButton, current === option && styles.boolActive],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.boolText, current === option && styles.boolTextActive],
-        children: String(option)
-      })
-    }, String(option)))
-  });
-}
-
-/** Null when the draft is applicable, else why it isn't. */
-function validate(text, mode, type) {
-  if (mode === "number") {
-    if (text.trim() === "") return "Enter a number.";
-    if (Number.isNaN(Number(text))) return `"${text}" isn't a number.`;
-    return null;
-  }
-  if (mode === "raw") {
-    let parsed;
-    try {
-      parsed = JSON.parse(text);
-    } catch (e) {
-      return e instanceof Error ? e.message : "Invalid JSON.";
-    }
-    if (typeLabel(parsed) !== type) {
-      return `Must stay ${type} — that parses as ${typeLabel(parsed)}.`;
-    }
-    return null;
-  }
-  return null;
-}
-function parse(text, mode, original) {
-  if (mode === "number") return Number(text);
-  if (mode === "raw") return JSON.parse(text);
-  // An emptied field on a null keeps it null rather than silently minting an
-  // empty string, which would change the type this promised to preserve.
-  if (original === null && text === "") return null;
-  return text;
-}
-const styles = StyleSheet.create({
-  overlay: {
-    ...absoluteFill,
-    zIndex: 20
-  },
-  scrim: {
-    ...absoluteFill,
-    backgroundColor: "rgba(0,0,0,0.55)"
-  },
-  /** Pinned to the top so the keyboard can't reach it. */
-  panel: {
-    padding: 12
-  },
-  card: {
-    backgroundColor: night.color.surface,
-    borderRadius: 14,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    padding: 14,
-    gap: 8
-  },
-  headerRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  title: {
-    flex: 1,
-    color: night.color.text,
-    fontSize: 14,
-    fontWeight: "700"
-  },
-  typeBadge: {
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 6,
-    backgroundColor: night.color.surfaceElevated
-  },
-  typeBadgeText: {
-    color: macOSColors.semantic.warning,
-    fontSize: 10,
-    fontWeight: "700",
-    fontFamily: "monospace"
-  },
-  path: {
-    color: night.color.textTertiary,
-    fontSize: 11,
-    fontFamily: "monospace"
-  },
-  /** Caps the panel's height so a huge blob can't push the buttons off-screen. */
-  fieldScroll: {
-    maxHeight: 240
-  },
-  input: {
-    color: night.color.text,
-    backgroundColor: night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 10,
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    fontSize: 14,
-    fontFamily: "monospace"
-  },
-  inputMultiline: {
-    minHeight: 110,
-    lineHeight: 20,
-    textAlignVertical: "top"
-  },
-  inputRaw: {
-    minHeight: 180,
-    fontSize: 12,
-    lineHeight: 18
-  },
-  inputInvalid: {
-    borderColor: night.color.danger
-  },
-  hint: {
-    color: night.color.textTertiary,
-    fontSize: 11,
-    lineHeight: 16
-  },
-  error: {
-    color: night.color.danger,
-    fontSize: 11,
-    lineHeight: 16,
-    fontFamily: "monospace"
-  },
-  actions: {
-    flexDirection: "row",
-    gap: 8,
-    paddingTop: 2
-  },
-  cancelButton: {
-    flex: 1,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: night.color.border
-  },
-  cancelText: {
-    color: night.color.textSecondary,
-    fontSize: 14,
-    fontWeight: "600"
-  },
-  saveButton: {
-    flex: 1.4,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 10,
-    backgroundColor: night.color.accent
-  },
-  saveDisabled: {
-    opacity: 0.35
-  },
-  saveText: {
-    color: night.color.onAccent,
-    fontSize: 15,
-    fontWeight: "700"
-  },
-  boolRow: {
-    flexDirection: "row",
-    gap: 10
-  },
-  boolButton: {
-    flex: 1,
-    minHeight: 64,
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.surfaceElevated
-  },
-  boolActive: {
-    borderColor: macOSColors.semantic.warning,
-    backgroundColor: macOSColors.semantic.warning + "18"
-  },
-  boolText: {
-    color: night.color.textTertiary,
-    fontSize: 16,
-    fontWeight: "700",
-    fontFamily: "monospace"
-  },
-  boolTextActive: {
-    color: macOSColors.semantic.warning
-  }
-});
+}

package/lib/module/storage/hooks/useKeyEditor.js

@@ -1,100 +1,27 @@
 "use strict";
 
 /**
- * Everything editing a key involves, minus how it looks.
+ * Storage's view of the shared tree editor.
  *
- * The phone and the dashboard run the same editor: one buffered draft, one
- * write on save, a selection the structural actions operate on, a modal for
- * typing a value, and a guard so closing can't silently drop unsaved work.
- * What differs is presentation — thumb-sized tiles under a full screen versus
- * chips docked in a panel — which is a rendering concern and nothing more.
- *
- * Keeping the rules here means the two surfaces can't drift on the things that
- * would actually hurt: whether a boolean opens an editor, whether a failed
- * write closes the editor anyway, what "dirty" means.
+ * Everything editing a key involves — buffered draft, selection, value modal,
+ * dirty-close guard — lives in shared-ui's `useTreeEditor`, shared with the
+ * Zustand store editor so the two can't drift. Storage's single write takes
+ * the SERIALIZED value, so this wrapper is exactly the stringify.
  */
 
-import { useCallback, useEffect, useState } from "react";
-import { getAtPath } from "@buoy-gg/shared-ui/dataViewer";
-import { useTreeDraft } from "./useTreeDraft";
+import { useMemo } from "react";
+import { useTreeEditor } from "@buoy-gg/shared-ui/dataViewer";
 export function useKeyEditor({
   value,
   save,
   onClose,
   confirmDiscard
 }) {
-  const draft = useTreeDraft(value, save);
-  const [selection, setSelection] = useState(null);
-  const [valuePath, setValuePath] = useState(null);
-  const {
-    begin
-  } = draft;
-  useEffect(() => {
-    begin();
-    // Seed the draft ONCE, when the editor opens. `begin` closes over the live
-    // value, whose identity changes every time the key list refreshes
-    // underneath us (a parsed JSON string is a new object each pass), so
-    // re-running would reset the draft mid-edit and discard the user's work.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  /**
-   * "Change this node". For a boolean that's a flip rather than a modal — the
-   * same rule `treeActionsFor` applies to the action controls, so the gesture
-   * and the button can't mean different things.
-   */
-  const openValueEditor = useCallback(path => {
-    const current = getAtPath(draft.value, path);
-    if (typeof current === "boolean") {
-      draft.apply({
-        kind: "replace",
-        path,
-        value: !current
-      });
-      return;
-    }
-    setValuePath(path);
-  }, [draft]);
-  const applyValue = useCallback(next => {
-    draft.apply({
-      kind: "replace",
-      path: valuePath ?? [],
-      value: next
-    });
-    setValuePath(null);
-  }, [draft, valuePath]);
-
-  // Only leave once the write actually landed — `commit` resolves false and
-  // keeps the draft on screen when the device refuses it, and closing anyway
-  // would throw the work away while showing an error nobody ever sees.
-  const saveAndClose = useCallback(() => {
-    void draft.commit().then(saved => saved && onClose());
-  }, [draft, onClose]);
-  const requestClose = useCallback(() => {
-    if (!draft.isDirty) {
-      onClose();
-      return;
-    }
-    // The draft is the only copy of this work, so closing over it silently is
-    // the one way this editor can lose something the user can't get back.
-    confirmDiscard({
-      save: saveAndClose,
-      discard: () => {
-        draft.discard();
-        onClose();
-      }
-    });
-  }, [confirmDiscard, draft, onClose, saveAndClose]);
-  return {
-    draft,
-    selection,
-    setSelection,
-    valuePath,
-    openValueEditor,
-    closeValueEditor: () => setValuePath(null),
-    applyValue,
-    openRawEditor: () => setValuePath([]),
-    requestClose,
-    saveAndClose
-  };
+  const saveValue = useMemo(() => next => save(JSON.stringify(next)), [save]);
+  return useTreeEditor({
+    value,
+    save: saveValue,
+    onClose,
+    confirmDiscard
+  });
 }

package/lib/module/storage/hooks/useTreeDraft.js

@@ -1,114 +1,21 @@
 "use strict";
 
 /**
- * A local draft of a storage value, edited in place and written ONCE.
+ * Storage's view of the shared buffered tree draft.
  *
- * Applying each tree op straight to the device was the obvious first cut and it
- * behaves badly for two compounding reasons:
- *
- * 1. **Every op is a round trip.** The write lands, the device emits a storage
- *    event, a snapshot comes back, and the browser re-reads every backend — so
- *    a six-tap reorder is six writes and six full refreshes. The tree rebuilds
- *    under the user mid-gesture.
- * 2. **The highlight and the value fall out of step.** Selection is local and
- *    moves instantly; the value it points at only catches up when the round
- *    trip completes, so for a beat the highlight sits on the old contents.
- *
- * Optimistic updates — the React Query pattern of rendering the expected result
- * and reconciling later — fix (2) but not (1): they still write per change.
- * Buffering fixes both, and it's what every editor that owns a document does
- * (a form's dirty state, an IDE's unsaved buffer, JSON Editor's in-memory doc
- * with an explicit save).
- *
- * The trade is that the buffer can go stale if the app writes the same key
- * while you're editing. That's the same last-write-wins a text editor has, and
- * `isDirty` at least makes it visible that you're holding unsaved changes.
+ * The draft itself lives in shared-ui (`useTreeDraft` there — one editor for
+ * storage keys and zustand stores, so the rules can't drift). Storage's write
+ * path takes the SERIALIZED value — `setItem(key, raw)` — so this wrapper is
+ * exactly the stringify.
  */
 
-import { useCallback, useState } from "react";
-import { applyJsonOp, selectionPathAfterOp } from "@buoy-gg/shared-ui/dataViewer";
+import { useMemo } from "react";
+import { useTreeDraft as useSharedTreeDraft } from "@buoy-gg/shared-ui/dataViewer";
 /**
  * @param liveValue  the value as storage currently holds it (already parsed)
  * @param save       persists the serialized draft; rejecting keeps edit mode open
  */
 export function useTreeDraft(liveValue, save) {
-  const [draft, setDraft] = useState(undefined);
-  const [isEditing, setIsEditing] = useState(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [error, setError] = useState(null);
-  const [selectPath, setSelectPath] = useState();
-  /**
-   * The value as it was when editing began. Compared against for dirtiness
-   * rather than against `liveValue`, which can move underneath us if the app
-   * writes the same key — that would otherwise flip a clean draft to dirty.
-   */
-  const [baseline, setBaseline] = useState("");
-  const value = isEditing && draft !== undefined ? draft : liveValue;
-  const isDirty = isEditing && JSON.stringify(draft) !== baseline;
-  const begin = useCallback(() => {
-    setDraft(liveValue);
-    setBaseline(JSON.stringify(liveValue));
-    setSelectPath(undefined);
-    setError(null);
-    setIsEditing(true);
-  }, [liveValue]);
-  const apply = useCallback(op => {
-    // Purely local — this is the whole point. No write, so no event, no
-    // snapshot, no refresh, and the tree re-renders from state synchronously.
-    setDraft(prev => applyJsonOp(prev, op));
-    const next = selectionPathAfterOp(op);
-    if (next !== undefined) setSelectPath(next);
-  }, []);
-  const selectAt = useCallback(path => {
-    setSelectPath(path);
-  }, []);
-
-  /** Leave edit mode entirely. Only correct on the way out (after a write). */
-  const reset = useCallback(() => {
-    setIsEditing(false);
-    setDraft(undefined);
-    setSelectPath(undefined);
-    setError(null);
-  }, []);
-
-  /** Re-seed the draft from what's stored, staying in edit mode. */
-  const discard = useCallback(() => {
-    setDraft(liveValue);
-    setBaseline(JSON.stringify(liveValue));
-    setSelectPath(undefined);
-    setError(null);
-    setIsEditing(true);
-  }, [liveValue]);
-  const commit = useCallback(async () => {
-    if (!isDirty || !save) {
-      reset();
-      return true;
-    }
-    setIsSaving(true);
-    setError(null);
-    try {
-      await save(JSON.stringify(draft));
-      reset();
-      return true;
-    } catch (e) {
-      // Stay in edit mode so the work isn't lost to a failed write.
-      setError(e instanceof Error ? e.message : String(e));
-      return false;
-    } finally {
-      setIsSaving(false);
-    }
-  }, [draft, isDirty, reset, save]);
-  return {
-    isEditing,
-    value,
-    isDirty,
-    isSaving,
-    error,
-    selectPath,
-    begin,
-    apply,
-    selectAt,
-    commit,
-    discard
-  };
+  const saveValue = useMemo(() => save ? value => save(JSON.stringify(value)) : undefined, [save]);
+  return useSharedTreeDraft(liveValue, saveValue);
 }

package/lib/typescript/storage/components/GameUIStorageBrowser.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject } from "react";
-import { RequiredStorageKey } from "../types";
+import { StorageKeyInfo, RequiredStorageKey } from "../types";
 import { type StorageFilterType, type StorageTypeFilter } from "./StorageFilterCards";
 /**
  * @deprecated Read the live limit with `useLimit("storage.keys")` — this only
@@ -47,7 +47,18 @@ interface GameUIStorageBrowserProps {
     onStorageTypeFilterChange?: (type: StorageTypeFilter) => void;
     /** Pad full-screen views past the home indicator (docked sheet only). */
     applySafeAreaInset?: boolean;
+    /**
+     * The key whose DETAIL screen is open, or null for the list. CONTROLLED by
+     * the host modal — the modal's header shows the back arrow and the key's
+     * name (the React Query interaction), so the modal must know. Only the
+     * identity matters; the info rendered is resolved fresh each pass.
+     */
+    detailKey?: StorageKeyInfo | null;
+    /** A card was tapped — the host should set `detailKey`. */
+    onOpenKey?: (storageKey: StorageKeyInfo) => void;
+    /** The detail screen wants to close (a delete or hide landed). */
+    onCloseDetail?: () => void;
 }
-export declare function GameUIStorageBrowser({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, eventCountByKey, lastWriteByKey, onViewHistory, enabledStorageTypes, statusFilter, onStatusFilterChange, onStatusCountsChange, pinnedKeys, onTogglePin, storageTypeFilter, onStorageTypeFilterChange, applySafeAreaInset, }: GameUIStorageBrowserProps): import("react").JSX.Element;
+export declare function GameUIStorageBrowser({ requiredStorageKeys, showFilters, ignoredPatterns, onTogglePattern, onAddPattern, searchQuery, storageDataRef, eventCountByKey, lastWriteByKey, onViewHistory, enabledStorageTypes, statusFilter, onStatusFilterChange, onStatusCountsChange, pinnedKeys, onTogglePin, storageTypeFilter, onStorageTypeFilterChange, applySafeAreaInset, detailKey, onOpenKey, onCloseDetail, }: GameUIStorageBrowserProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=GameUIStorageBrowser.d.ts.map

package/lib/typescript/storage/components/GameUIStorageBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameUIStorageBrowser.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/GameUIStorageBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAkB,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAK/E,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACvB,MAAM,sBAAsB,CAAC;AA2C9B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAEpE,UAAU,yBAAyB;IACjC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IACvD;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3D,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC9B,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,CAAC;IACX,yCAAyC;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,yBAAyB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,mBAAwB,EACxB,WAAmB,EACnB,eAA0C,EAC1C,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,GACnB,EAAE,yBAAyB,+BA0hC3B"}
+{"version":3,"file":"GameUIStorageBrowser.d.ts","sourceRoot":"","sources":["../../../../src/storage/components/GameUIStorageBrowser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAWf,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAK/E,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACvB,MAAM,sBAAsB,CAAC;AA4C9B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAEpE,UAAU,yBAAyB;IACjC,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;IACvD;;;;OAIG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3D,mFAAmF;IACnF,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC9B,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,CAAC;IACX,yCAAyC;IACzC,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,kCAAkC;IAClC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,yBAAyB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9D,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,mBAAwB,EACxB,WAAmB,EACnB,eAA0C,EAC1C,eAAe,EACf,YAAY,EACZ,WAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,yBAAyB,EACzB,kBAAkB,EAClB,SAAgB,EAChB,SAAS,EACT,aAAa,GACd,EAAE,yBAAyB,+BA8lC3B"}