@buoy-gg/shared-ui 7.0.41 → 7.0.43

package/lib/module/ui/components/DataInspector.js

@@ -1,319 +1 @@
-"use strict";
-
-import { useState } from "react";
-import { View, Text, StyleSheet, ScrollView, TouchableOpacity, TextInput } from "react-native";
-import { Search, Edit3, Check, X } from "../../icons/index.js";
-import { gameUIColors } from "../gameUI/index.js";
-import { CopyButton } from "./CopyButton.js";
-import { monoFont } from "../fonts.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function DataInspector({
-  data,
-  mode = "view",
-  syntax = "json",
-  theme = "dark",
-  collapsible = true,
-  searchable = true,
-  onEdit,
-  style,
-  title
-}) {
-  const [searchQuery, setSearchQuery] = useState("");
-  const [isEditing, setIsEditing] = useState(false);
-  const [editedData, setEditedData] = useState("");
-  const formatData = () => {
-    if (syntax === "json") {
-      try {
-        return JSON.stringify(data, null, 2);
-      } catch {
-        return String(data);
-      }
-    }
-    return String(data);
-  };
-  const highlightSearch = text => {
-    if (!searchQuery) return text;
-    const parts = text.split(new RegExp(`(${searchQuery})`, "gi"));
-    return parts.map((part, index) => {
-      if (part.toLowerCase() === searchQuery.toLowerCase()) {
-        return /*#__PURE__*/_jsx(Text, {
-          style: styles.highlight,
-          children: part
-        }, index);
-      }
-      return part;
-    });
-  };
-  const handleEdit = () => {
-    if (!isEditing) {
-      setEditedData(formatData());
-      setIsEditing(true);
-    } else {
-      try {
-        const newData = syntax === "json" ? JSON.parse(editedData) : editedData;
-        onEdit?.(newData);
-        setIsEditing(false);
-      } catch (error) {
-        console.error("Failed to parse edited data", error);
-      }
-    }
-  };
-  const cancelEdit = () => {
-    setIsEditing(false);
-    setEditedData("");
-  };
-  const formattedData = formatData();
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, style],
-    children: [(title || searchable || mode === "edit") && /*#__PURE__*/_jsxs(View, {
-      style: styles.header,
-      children: [title && /*#__PURE__*/_jsx(Text, {
-        style: styles.title,
-        children: title
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.controls,
-        children: [searchable && !isEditing && /*#__PURE__*/_jsxs(View, {
-          style: styles.searchContainer,
-          children: [/*#__PURE__*/_jsx(Search, {
-            size: 12,
-            color: gameUIColors.secondary
-          }), /*#__PURE__*/_jsx(TextInput, {
-            style: styles.searchInput,
-            placeholder: "Search...",
-            placeholderTextColor: gameUIColors.tertiary,
-            value: searchQuery,
-            onChangeText: setSearchQuery
-          })]
-        }), mode === "edit" && /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.editButton,
-          onPress: isEditing ? handleEdit : () => handleEdit(),
-          children: isEditing ? /*#__PURE__*/_jsx(Check, {
-            size: 14,
-            color: gameUIColors.success
-          }) : /*#__PURE__*/_jsx(Edit3, {
-            size: 14,
-            color: gameUIColors.primary
-          })
-        }), isEditing && /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: styles.cancelButton,
-          onPress: cancelEdit,
-          children: /*#__PURE__*/_jsx(X, {
-            size: 14,
-            color: gameUIColors.error
-          })
-        }), !isEditing && /*#__PURE__*/_jsx(CopyButton, {
-          value: formattedData,
-          size: 12
-        })]
-      })]
-    }), /*#__PURE__*/_jsx(ScrollView, {
-      style: styles.scrollView,
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      children: /*#__PURE__*/_jsx(ScrollView, {
-        showsVerticalScrollIndicator: false,
-        children: isEditing ? /*#__PURE__*/_jsx(TextInput, {
-          style: styles.editor,
-          value: editedData,
-          onChangeText: setEditedData,
-          multiline: true,
-          autoCapitalize: "none",
-          autoCorrect: false
-        }) : /*#__PURE__*/_jsx(Text, {
-          style: styles.codeText,
-          children: searchQuery ? highlightSearch(formattedData) : formattedData
-        })
-      })
-    })]
-  });
-}
-DataInspector.Json = function JsonViewer({
-  data,
-  searchable,
-  style
-}) {
-  return /*#__PURE__*/_jsx(DataInspector, {
-    data: data,
-    syntax: "json",
-    mode: "view",
-    searchable: searchable,
-    style: style
-  });
-};
-DataInspector.Editable = function Editable({
-  data,
-  onSave,
-  style
-}) {
-  return /*#__PURE__*/_jsx(DataInspector, {
-    data: data,
-    mode: "edit",
-    onEdit: onSave,
-    style: style
-  });
-};
-DataInspector.Diff = function DiffView({
-  oldData,
-  newData,
-  style
-}) {
-  const [showMode, setShowMode] = useState("diff");
-  return /*#__PURE__*/_jsxs(View, {
-    style: style,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: styles.diffControls,
-      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.diffButton, showMode === "old" && styles.diffButtonActive],
-        onPress: () => setShowMode("old"),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.diffButtonText,
-          children: "Old"
-        })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.diffButton, showMode === "new" && styles.diffButtonActive],
-        onPress: () => setShowMode("new"),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.diffButtonText,
-          children: "New"
-        })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: [styles.diffButton, showMode === "diff" && styles.diffButtonActive],
-        onPress: () => setShowMode("diff"),
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.diffButtonText,
-          children: "Diff"
-        })
-      })]
-    }), showMode === "old" && /*#__PURE__*/_jsx(DataInspector, {
-      data: oldData,
-      searchable: false
-    }), showMode === "new" && /*#__PURE__*/_jsx(DataInspector, {
-      data: newData,
-      searchable: false
-    }), showMode === "diff" && /*#__PURE__*/_jsxs(View, {
-      style: styles.diffContainer,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.diffPane,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.diffPaneTitle,
-          children: "Old"
-        }), /*#__PURE__*/_jsx(DataInspector, {
-          data: oldData,
-          searchable: false
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.diffPane,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.diffPaneTitle,
-          children: "New"
-        }), /*#__PURE__*/_jsx(DataInspector, {
-          data: newData,
-          searchable: false
-        })]
-      })]
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: gameUIColors.background,
-    borderRadius: 8,
-    overflow: "hidden"
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    padding: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: gameUIColors.border + "20"
-  },
-  title: {
-    fontSize: 12,
-    fontWeight: "600",
-    color: gameUIColors.text
-  },
-  controls: {
-    flexDirection: "row",
-    gap: 8
-  },
-  searchContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    backgroundColor: gameUIColors.panel,
-    borderRadius: 4,
-    paddingHorizontal: 8,
-    gap: 4
-  },
-  searchInput: {
-    fontSize: 11,
-    color: gameUIColors.text,
-    minWidth: 100,
-    paddingVertical: 4
-  },
-  editButton: {
-    padding: 4,
-    borderRadius: 4,
-    backgroundColor: gameUIColors.primary + "20"
-  },
-  cancelButton: {
-    padding: 4,
-    borderRadius: 4,
-    backgroundColor: gameUIColors.error + "20"
-  },
-  scrollView: {
-    maxHeight: 300
-  },
-  codeText: {
-    fontFamily: monoFont,
-    fontSize: 11,
-    color: gameUIColors.text,
-    padding: 12,
-    lineHeight: 16
-  },
-  editor: {
-    fontFamily: monoFont,
-    fontSize: 11,
-    color: gameUIColors.text,
-    padding: 12,
-    lineHeight: 16,
-    minHeight: 200
-  },
-  highlight: {
-    backgroundColor: gameUIColors.warning + "40",
-    color: gameUIColors.text
-  },
-  diffControls: {
-    flexDirection: "row",
-    gap: 8,
-    padding: 8
-  },
-  diffButton: {
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-    borderRadius: 4,
-    backgroundColor: gameUIColors.panel
-  },
-  diffButtonActive: {
-    backgroundColor: gameUIColors.primary
-  },
-  diffButtonText: {
-    fontSize: 11,
-    color: gameUIColors.text,
-    fontWeight: "500"
-  },
-  diffContainer: {
-    flexDirection: "row",
-    gap: 8
-  },
-  diffPane: {
-    flex: 1
-  },
-  diffPaneTitle: {
-    fontSize: 10,
-    fontWeight: "600",
-    color: gameUIColors.secondary,
-    padding: 8,
-    textTransform: "uppercase"
-  }
-});
+"use strict";import{useState as y}from"react";import{View as n,Text as a,StyleSheet as R,ScrollView as T,TouchableOpacity as p,TextInput as D}from"react-native";import{Search as O,Edit3 as W,Check as A,X as F}from"../../icons/index.js";import{gameUIColors as o}from"../gameUI/index.js";import{CopyButton as J}from"./CopyButton.js";import{monoFont as P}from"../fonts.js";import{jsx as e,jsxs as l}from"react/jsx-runtime";export function DataInspector({data:c,mode:r="view",syntax:i="json",theme:f="dark",collapsible:d=true,searchable:h=true,onEdit:k,style:v,title:m}){const[g,E]=y("");const[s,x]=y(false);const[w,b]=y("");const B=()=>{if(i==="json"){try{return JSON.stringify(c,null,2)}catch{return String(c)}}return String(c)};const I=u=>{if(!g)return u;const V=u.split(new RegExp(`(${g})`,"gi"));return V.map((S,H)=>{if(S.toLowerCase()===g.toLowerCase()){return e(a,{style:t.highlight,children:S},H)}return S})};const z=()=>{if(!s){b(B());x(true)}else{try{const u=i==="json"?JSON.parse(w):w;k?.(u);x(false)}catch(u){console.error("Failed to parse edited data",u)}}};const j=()=>{x(false);b("")};const C=B();return l(n,{style:[t.container,v],children:[(m||h||r==="edit")&&l(n,{style:t.header,children:[m&&e(a,{style:t.title,children:m}),l(n,{style:t.controls,children:[h&&!s&&l(n,{style:t.searchContainer,children:[e(O,{size:12,color:o.secondary}),e(D,{style:t.searchInput,placeholder:"Search...",placeholderTextColor:o.tertiary,value:g,onChangeText:E})]}),r==="edit"&&e(p,{style:t.editButton,onPress:s?z:()=>z(),children:s?e(A,{size:14,color:o.success}):e(W,{size:14,color:o.primary})}),s&&e(p,{style:t.cancelButton,onPress:j,children:e(F,{size:14,color:o.error})}),!s&&e(J,{value:C,size:12})]})]}),e(T,{style:t.scrollView,horizontal:true,showsHorizontalScrollIndicator:false,children:e(T,{showsVerticalScrollIndicator:false,children:s?e(D,{style:t.editor,value:w,onChangeText:b,multiline:true,autoCapitalize:"none",autoCorrect:false}):e(a,{style:t.codeText,children:g?I(C):C})})})]})}DataInspector.Json=function c({data:r,searchable:i,style:f}){return e(DataInspector,{data:r,syntax:"json",mode:"view",searchable:i,style:f})};DataInspector.Editable=function c({data:r,onSave:i,style:f}){return e(DataInspector,{data:r,mode:"edit",onEdit:i,style:f})};DataInspector.Diff=function c({oldData:r,newData:i,style:f}){const[d,h]=y("diff");return l(n,{style:f,children:[l(n,{style:t.diffControls,children:[e(p,{style:[t.diffButton,d==="old"&&t.diffButtonActive],onPress:()=>h("old"),children:e(a,{style:t.diffButtonText,children:"Old"})}),e(p,{style:[t.diffButton,d==="new"&&t.diffButtonActive],onPress:()=>h("new"),children:e(a,{style:t.diffButtonText,children:"New"})}),e(p,{style:[t.diffButton,d==="diff"&&t.diffButtonActive],onPress:()=>h("diff"),children:e(a,{style:t.diffButtonText,children:"Diff"})})]}),d==="old"&&e(DataInspector,{data:r,searchable:false}),d==="new"&&e(DataInspector,{data:i,searchable:false}),d==="diff"&&l(n,{style:t.diffContainer,children:[l(n,{style:t.diffPane,children:[e(a,{style:t.diffPaneTitle,children:"Old"}),e(DataInspector,{data:r,searchable:false})]}),l(n,{style:t.diffPane,children:[e(a,{style:t.diffPaneTitle,children:"New"}),e(DataInspector,{data:i,searchable:false})]})]})]})};const t=R.create({container:{backgroundColor:o.background,borderRadius:8,overflow:"hidden"},header:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",padding:8,borderBottomWidth:1,borderBottomColor:o.border+"20"},title:{fontSize:12,fontWeight:"600",color:o.text},controls:{flexDirection:"row",gap:8},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:o.panel,borderRadius:4,paddingHorizontal:8,gap:4},searchInput:{fontSize:11,color:o.text,minWidth:100,paddingVertical:4},editButton:{padding:4,borderRadius:4,backgroundColor:o.primary+"20"},cancelButton:{padding:4,borderRadius:4,backgroundColor:o.error+"20"},scrollView:{maxHeight:300},codeText:{fontFamily:P,fontSize:11,color:o.text,padding:12,lineHeight:16},editor:{fontFamily:P,fontSize:11,color:o.text,padding:12,lineHeight:16,minHeight:200},highlight:{backgroundColor:o.warning+"40",color:o.text},diffControls:{flexDirection:"row",gap:8,padding:8},diffButton:{paddingHorizontal:12,paddingVertical:4,borderRadius:4,backgroundColor:o.panel},diffButtonActive:{backgroundColor:o.primary},diffButtonText:{fontSize:11,color:o.text,fontWeight:"500"},diffContainer:{flexDirection:"row",gap:8},diffPane:{flex:1},diffPaneTitle:{fontSize:10,fontWeight:"600",color:o.secondary,padding:8,textTransform:"uppercase"}});

package/lib/module/ui/components/DetailView.js

@@ -1,354 +1 @@
-"use strict";
-
-import { useState } from "react";
-import { View, Text, StyleSheet, ScrollView, TouchableOpacity } from "react-native";
-import { gameUIColors } from "../gameUI/index.js";
-import { ModalHeader } from "./ModalHeader.js";
-import { CopyButton } from "./CopyButton.js";
-import { monoFont } from "../fonts.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function DetailView({
-  children,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, style],
-    children: children
-  });
-}
-DetailView.Header = function Header({
-  title,
-  subtitle,
-  onClose,
-  onBack,
-  actions
-}) {
-  return /*#__PURE__*/_jsxs(ModalHeader, {
-    children: [/*#__PURE__*/_jsx(ModalHeader.Navigation, {
-      onBack: onBack,
-      onClose: onClose
-    }), /*#__PURE__*/_jsx(ModalHeader.Content, {
-      title: title,
-      subtitle: subtitle
-    }), actions && /*#__PURE__*/_jsx(ModalHeader.Actions, {
-      children: actions
-    })]
-  });
-};
-DetailView.Section = function Section({
-  title,
-  icon: Icon,
-  children,
-  defaultOpen = true,
-  collapsible = true,
-  style,
-  badge
-}) {
-  const [isOpen, setIsOpen] = useState(defaultOpen);
-  if (!collapsible) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: [styles.section, style],
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.sectionHeader,
-        children: [Icon && /*#__PURE__*/_jsx(Icon, {
-          size: 14,
-          color: gameUIColors.primary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.sectionTitle,
-          children: title
-        }), badge !== undefined && /*#__PURE__*/_jsx(View, {
-          style: styles.sectionBadge,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.sectionBadgeText,
-            children: badge
-          })
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.sectionContent,
-        children: children
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.section, style],
-    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.sectionHeaderTouchable,
-      onPress: () => setIsOpen(!isOpen),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.sectionHeader,
-        children: [Icon && /*#__PURE__*/_jsx(Icon, {
-          size: 14,
-          color: gameUIColors.primary
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.sectionTitle,
-          children: title
-        }), badge !== undefined && /*#__PURE__*/_jsx(View, {
-          style: styles.sectionBadge,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.sectionBadgeText,
-            children: badge
-          })
-        })]
-      })
-    }), isOpen && /*#__PURE__*/_jsx(View, {
-      style: styles.sectionContent,
-      children: children
-    })]
-  });
-};
-DetailView.Row = function Row({
-  label,
-  value,
-  copyable = false,
-  style,
-  labelStyle,
-  valueStyle
-}) {
-  const stringValue = typeof value === "string" || typeof value === "number" ? String(value) : null;
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.row, style],
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.rowLabel, labelStyle],
-      children: label
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.rowValueContainer,
-      children: [typeof value === "string" || typeof value === "number" ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.rowValue, valueStyle],
-        numberOfLines: 1,
-        children: value
-      }) : value, copyable && stringValue && /*#__PURE__*/_jsx(CopyButton, {
-        value: stringValue,
-        size: 12
-      })]
-    })]
-  });
-};
-DetailView.DataSection = function DataSection({
-  title,
-  data,
-  icon,
-  defaultOpen = false,
-  style
-}) {
-  return /*#__PURE__*/_jsx(DetailView.Section, {
-    title: title,
-    icon: icon,
-    defaultOpen: defaultOpen,
-    style: style,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.dataContainer,
-      children: /*#__PURE__*/_jsx(ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.dataText,
-          children: JSON.stringify(data, null, 2)
-        })
-      })
-    })
-  });
-};
-DetailView.StatusBar = function StatusBar({
-  status,
-  message,
-  style
-}) {
-  const statusColors = {
-    success: gameUIColors.success,
-    error: gameUIColors.error,
-    warning: gameUIColors.warning,
-    pending: gameUIColors.warning,
-    info: gameUIColors.primary
-  };
-  const color = statusColors[status];
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.statusBar, {
-      backgroundColor: color + "20",
-      borderColor: color + "40"
-    }, style],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.statusDot, {
-        backgroundColor: color
-      }]
-    }), message && /*#__PURE__*/_jsx(Text, {
-      style: [styles.statusMessage, {
-        color
-      }],
-      children: message
-    })]
-  });
-};
-DetailView.Timeline = function Timeline({
-  items,
-  style
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.timeline, style],
-    children: items.map((item, index) => /*#__PURE__*/_jsxs(View, {
-      style: styles.timelineItem,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.timelineDot
-      }), index < items.length - 1 && /*#__PURE__*/_jsx(View, {
-        style: styles.timelineLine
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.timelineContent,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.timelineLabel,
-          children: item.label
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.timelineValue,
-          children: item.value
-        })]
-      })]
-    }, index))
-  });
-};
-DetailView.Content = function Content({
-  children,
-  scrollable = true,
-  style
-}) {
-  if (scrollable) {
-    return /*#__PURE__*/_jsx(ScrollView, {
-      style: [styles.content, style],
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.content, style],
-    children: children
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: gameUIColors.background
-  },
-  content: {
-    flex: 1,
-    padding: 16
-  },
-  section: {
-    marginBottom: 16,
-    backgroundColor: gameUIColors.panel,
-    borderRadius: 8,
-    overflow: "hidden"
-  },
-  sectionHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 12,
-    gap: 8
-  },
-  sectionHeaderTouchable: {},
-  sectionTitle: {
-    flex: 1,
-    fontSize: 14,
-    fontWeight: "600",
-    color: gameUIColors.text
-  },
-  sectionBadge: {
-    backgroundColor: gameUIColors.primary + "20",
-    paddingHorizontal: 8,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  sectionBadgeText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: gameUIColors.primary
-  },
-  sectionContent: {
-    padding: 12,
-    paddingTop: 0
-  },
-  row: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingVertical: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: gameUIColors.border + "20"
-  },
-  rowLabel: {
-    flex: 1,
-    fontSize: 13,
-    color: gameUIColors.secondary
-  },
-  rowValueContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    flex: 2,
-    gap: 8
-  },
-  rowValue: {
-    flex: 1,
-    fontSize: 13,
-    color: gameUIColors.text,
-    textAlign: "right"
-  },
-  dataContainer: {
-    backgroundColor: gameUIColors.background,
-    borderRadius: 6,
-    padding: 12
-  },
-  dataText: {
-    fontSize: 12,
-    fontFamily: monoFont,
-    color: gameUIColors.text
-  },
-  statusBar: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 12,
-    borderWidth: 1,
-    borderRadius: 8,
-    gap: 8,
-    marginVertical: 8
-  },
-  statusDot: {
-    width: 8,
-    height: 8,
-    borderRadius: 4
-  },
-  statusMessage: {
-    fontSize: 13,
-    fontWeight: "500"
-  },
-  timeline: {
-    paddingVertical: 8
-  },
-  timelineItem: {
-    flexDirection: "row",
-    position: "relative"
-  },
-  timelineDot: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    backgroundColor: gameUIColors.primary,
-    marginTop: 4,
-    marginRight: 12
-  },
-  timelineLine: {
-    position: "absolute",
-    left: 3.5,
-    top: 12,
-    bottom: -4,
-    width: 1,
-    backgroundColor: gameUIColors.border + "40"
-  },
-  timelineContent: {
-    flex: 1,
-    marginBottom: 12
-  },
-  timelineLabel: {
-    fontSize: 12,
-    color: gameUIColors.secondary,
-    marginBottom: 2
-  },
-  timelineValue: {
-    fontSize: 13,
-    color: gameUIColors.text
-  }
-});
+"use strict";import{useState as b}from"react";import{View as i,Text as c,StyleSheet as w,ScrollView as y,TouchableOpacity as x}from"react-native";import{gameUIColors as o}from"../gameUI/index.js";import{ModalHeader as g}from"./ModalHeader.js";import{CopyButton as C}from"./CopyButton.js";import{monoFont as S}from"../fonts.js";import{jsx as t,jsxs as d}from"react/jsx-runtime";export function DetailView({children:u,style:r}){return t(i,{style:[e.container,r],children:u})}DetailView.Header=function u({title:r,subtitle:n,onClose:l,onBack:s,actions:a}){return d(g,{children:[t(g.Navigation,{onBack:s,onClose:l}),t(g.Content,{title:r,subtitle:n}),a&&t(g.Actions,{children:a})]})};DetailView.Section=function u({title:r,icon:n,children:l,defaultOpen:s=true,collapsible:a=true,style:f,badge:m}){const[h,p]=b(s);if(!a){return d(i,{style:[e.section,f],children:[d(i,{style:e.sectionHeader,children:[n&&t(n,{size:14,color:o.primary}),t(c,{style:e.sectionTitle,children:r}),m!==void 0&&t(i,{style:e.sectionBadge,children:t(c,{style:e.sectionBadgeText,children:m})})]}),t(i,{style:e.sectionContent,children:l})]})}return d(i,{style:[e.section,f],children:[t(x,{style:e.sectionHeaderTouchable,onPress:()=>p(!h),children:d(i,{style:e.sectionHeader,children:[n&&t(n,{size:14,color:o.primary}),t(c,{style:e.sectionTitle,children:r}),m!==void 0&&t(i,{style:e.sectionBadge,children:t(c,{style:e.sectionBadgeText,children:m})})]})}),h&&t(i,{style:e.sectionContent,children:l})]})};DetailView.Row=function u({label:r,value:n,copyable:l=false,style:s,labelStyle:a,valueStyle:f}){const m=typeof n==="string"||typeof n==="number"?String(n):null;return d(i,{style:[e.row,s],children:[t(c,{style:[e.rowLabel,a],children:r}),d(i,{style:e.rowValueContainer,children:[typeof n==="string"||typeof n==="number"?t(c,{style:[e.rowValue,f],numberOfLines:1,children:n}):n,l&&m&&t(C,{value:m,size:12})]})]})};DetailView.DataSection=function u({title:r,data:n,icon:l,defaultOpen:s=false,style:a}){return t(DetailView.Section,{title:r,icon:l,defaultOpen:s,style:a,children:t(i,{style:e.dataContainer,children:t(y,{horizontal:true,showsHorizontalScrollIndicator:false,children:t(c,{style:e.dataText,children:JSON.stringify(n,null,2)})})})})};DetailView.StatusBar=function u({status:r,message:n,style:l}){const s={success:o.success,error:o.error,warning:o.warning,pending:o.warning,info:o.primary};const a=s[r];return d(i,{style:[e.statusBar,{backgroundColor:a+"20",borderColor:a+"40"},l],children:[t(i,{style:[e.statusDot,{backgroundColor:a}]}),n&&t(c,{style:[e.statusMessage,{color:a}],children:n})]})};DetailView.Timeline=function u({items:r,style:n}){return t(i,{style:[e.timeline,n],children:r.map((l,s)=>d(i,{style:e.timelineItem,children:[t(i,{style:e.timelineDot}),s<r.length-1&&t(i,{style:e.timelineLine}),d(i,{style:e.timelineContent,children:[t(c,{style:e.timelineLabel,children:l.label}),t(c,{style:e.timelineValue,children:l.value})]})]},s))})};DetailView.Content=function u({children:r,scrollable:n=true,style:l}){if(n){return t(y,{style:[e.content,l],children:r})}return t(i,{style:[e.content,l],children:r})};const e=w.create({container:{flex:1,backgroundColor:o.background},content:{flex:1,padding:16},section:{marginBottom:16,backgroundColor:o.panel,borderRadius:8,overflow:"hidden"},sectionHeader:{flexDirection:"row",alignItems:"center",padding:12,gap:8},sectionHeaderTouchable:{},sectionTitle:{flex:1,fontSize:14,fontWeight:"600",color:o.text},sectionBadge:{backgroundColor:o.primary+"20",paddingHorizontal:8,paddingVertical:2,borderRadius:4},sectionBadgeText:{fontSize:11,fontWeight:"600",color:o.primary},sectionContent:{padding:12,paddingTop:0},row:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingVertical:8,borderBottomWidth:1,borderBottomColor:o.border+"20"},rowLabel:{flex:1,fontSize:13,color:o.secondary},rowValueContainer:{flexDirection:"row",alignItems:"center",flex:2,gap:8},rowValue:{flex:1,fontSize:13,color:o.text,textAlign:"right"},dataContainer:{backgroundColor:o.background,borderRadius:6,padding:12},dataText:{fontSize:12,fontFamily:S,color:o.text},statusBar:{flexDirection:"row",alignItems:"center",padding:12,borderWidth:1,borderRadius:8,gap:8,marginVertical:8},statusDot:{width:8,height:8,borderRadius:4},statusMessage:{fontSize:13,fontWeight:"500"},timeline:{paddingVertical:8},timelineItem:{flexDirection:"row",position:"relative"},timelineDot:{width:8,height:8,borderRadius:4,backgroundColor:o.primary,marginTop:4,marginRight:12},timelineLine:{position:"absolute",left:3.5,top:12,bottom:-4,width:1,backgroundColor:o.border+"40"},timelineContent:{flex:1,marginBottom:12},timelineLabel:{fontSize:12,color:o.secondary,marginBottom:2},timelineValue:{fontSize:13,color:o.text}});