linked-data-browser 0.0.8-alpha.5 → 0.0.8-alpha.7

package/dist-lib/index.js

@@ -82,6 +82,11 @@ __export(index_exports, {
   CopyLink: () => CopyLink,
   DataBrowser: () => DataBrowser,
   DataBrowserConfigContext: () => DataBrowserConfigContext,
+  DefaultContainerContent: () => DefaultContainerContent,
+  DefaultContainerLayout: () => DefaultContainerLayout,
+  DefaultContainerResourceItem: () => DefaultContainerResourceItem,
+  DefaultContainerSideMenu: () => DefaultContainerSideMenu,
+  DefaultContainerView: () => DefaultContainerView,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -198,6 +203,7 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  TargetResourceLoader: () => TargetResourceLoader,
   TargetResourceProvider: () => TargetResourceProvider,
   Text: () => Text2,
   TextStyleContext: () => TextStyleContext,
@@ -230,25 +236,9 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// components/solidFetchConfig.ts
-var import_react_native = require("react-native");
-var import_solid_client_authn_browser = require("@inrupt/solid-client-authn-browser");
-var import_solid_react = require("@ldo/solid-react");
-function createSolidFetch() {
-  const baseFetch = import_solid_client_authn_browser.fetch;
-  return async (input, init) => {
-    if (import_react_native.Platform.OS !== "web" && init?.body instanceof Blob) {
-      const arrayBuffer = await init.body.arrayBuffer();
-      return baseFetch(input, { ...init, body: arrayBuffer });
-    }
-    return baseFetch(input, init);
-  };
-}
-import_solid_react.dataset.setContext("solid", { fetch: createSolidFetch() });
-
 // components/DataBrowser.tsx
 var import_react32 = require("react");
-var import_solid_react10 = require("@ldo/solid-react");
+var import_solid_react9 = require("@ldo/solid-react");
 var import_react33 = __toESM(require("react"));
 
 // components/nav/Layout.tsx
@@ -256,25 +246,24 @@ var import_react31 = __toESM(require("react"));
 
 // components/nav/header/Header.tsx
 var import_react29 = __toESM(require("react"));
-var import_solid_react8 = require("@ldo/solid-react");
-var import_react_native37 = require("react-native");
-var import_native18 = require("@react-navigation/native");
+var import_solid_react7 = require("@ldo/solid-react");
+var import_react_native36 = require("react-native");
 
 // components/nav/header/AddressBox.tsx
 var import_react6 = __toESM(require("react"));
 var import_react7 = require("react");
-var import_react_native7 = require("react-native");
+var import_react_native6 = require("react-native");
 
 // components/ui/input.tsx
 var React4 = __toESM(require("react"));
-var import_react_native5 = require("react-native");
+var import_react_native4 = require("react-native");
 var import_native3 = require("@react-navigation/native");
 
 // components/ui/text.tsx
 var import_native = require("@react-navigation/native");
 var Slot = __toESM(require("@rn-primitives/slot"));
 var import_react = __toESM(require("react"));
-var import_react_native2 = require("react-native");
+var import_react_native = require("react-native");
 var TextStyleContext = (0, import_react.createContext)(
   void 0
 );
@@ -414,7 +403,7 @@ function Text2({
   bold,
   ...props
 }) {
-  const Component = asChild ? Slot.Text : import_react_native2.Text;
+  const Component = asChild ? Slot.Text : import_react_native.Text;
   const textStyles2 = useTextStyles({
     variant,
     size,
@@ -431,7 +420,7 @@ function Text2({
     }
   );
 }
-var styles = import_react_native2.StyleSheet.create({
+var styles = import_react_native.StyleSheet.create({
   base: {
     fontSize: 16
     // text-base
@@ -477,22 +466,22 @@ var styles = import_react_native2.StyleSheet.create({
 
 // components/ui/button.tsx
 var React3 = __toESM(require("react"));
-var import_react_native4 = require("react-native");
+var import_react_native3 = require("react-native");
 var import_react_native_progress = require("react-native-progress");
 var import_native2 = require("@react-navigation/native");
 
 // components/ui/icon.tsx
 var import_react2 = __toESM(require("react"));
-var import_react_native3 = require("react-native");
+var import_react_native2 = require("react-native");
 var Icon = ({
   icon,
   ...textStyleProps
 }) => {
   const textStyles2 = useTextStyles(textStyleProps);
   const IconComponent = icon;
-  const iconStyle = import_react_native3.StyleSheet.flatten(textStyles2);
+  const iconStyle = import_react_native2.StyleSheet.flatten(textStyles2);
   const { fontSize, color, ...restStyles } = iconStyle;
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: restStyles }, /* @__PURE__ */ import_react2.default.createElement(IconComponent, { size: fontSize, color }));
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_native2.View, { style: restStyles }, /* @__PURE__ */ import_react2.default.createElement(IconComponent, { size: fontSize, color }));
 };
 
 // components/ui/button.tsx
@@ -507,9 +496,9 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
   };
   const sizeStyles = {
     default: {
-      height: import_react_native4.Platform.OS === "web" ? 40 : 48,
-      paddingHorizontal: import_react_native4.Platform.OS === "web" ? 16 : 20,
-      paddingVertical: import_react_native4.Platform.OS === "web" ? 8 : 12
+      height: import_react_native3.Platform.OS === "web" ? 40 : 48,
+      paddingHorizontal: import_react_native3.Platform.OS === "web" ? 16 : 20,
+      paddingVertical: import_react_native3.Platform.OS === "web" ? 8 : 12
     },
     sm: {
       height: 36,
@@ -517,7 +506,7 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
       paddingHorizontal: 12
     },
     lg: {
-      height: import_react_native4.Platform.OS === "web" ? 44 : 56,
+      height: import_react_native3.Platform.OS === "web" ? 44 : 56,
       borderRadius: 6,
       paddingHorizontal: 32
     },
@@ -552,7 +541,7 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
       textDecorationLine: isPressed || isHovered ? "underline" : "none"
     }
   };
-  return import_react_native4.StyleSheet.flatten([
+  return import_react_native3.StyleSheet.flatten([
     baseStyles,
     sizeStyles[size],
     variantStyles[variant],
@@ -561,7 +550,7 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
 };
 var getButtonTextStyles = (variant = "default", size = "default", isPressed = false, theme) => {
   const baseStyles = {
-    fontSize: import_react_native4.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native3.Platform.OS === "web" ? 14 : 16,
     fontWeight: "500",
     color: theme.colors.text
   };
@@ -569,7 +558,7 @@ var getButtonTextStyles = (variant = "default", size = "default", isPressed = fa
     default: {},
     sm: {},
     lg: {
-      fontSize: import_react_native4.Platform.OS === "web" ? 14 : 18
+      fontSize: import_react_native3.Platform.OS === "web" ? 14 : 18
     },
     icon: {}
   };
@@ -619,7 +608,7 @@ function Button({
   const iconRightStyle = { marginLeft: children ? 8 : 0 };
   const loadColor = !variant || variant === "default" ? theme.colors.background : theme.colors.primary;
   return /* @__PURE__ */ React3.createElement(
-    import_react_native4.Pressable,
+    import_react_native3.Pressable,
     {
       ref,
       role: "button",
@@ -643,7 +632,7 @@ function Button({
         theme
       );
       const finalTextStyles = textStyle ? { ...buttonTextStyles, ...textStyle } : buttonTextStyles;
-      return /* @__PURE__ */ React3.createElement(TextStyleProvider, { style: finalTextStyles }, isLoading ? /* @__PURE__ */ React3.createElement(import_react_native4.View, null, /* @__PURE__ */ React3.createElement(import_react_native_progress.CircleSnail, { size: 20, color: loadColor })) : iconLeft ? /* @__PURE__ */ React3.createElement(import_react_native4.View, { style: iconLeftStyle }, /* @__PURE__ */ React3.createElement(Icon, { icon: iconLeft })) : void 0, text ? /* @__PURE__ */ React3.createElement(Text2, null, text) : children, iconRight ? /* @__PURE__ */ React3.createElement(import_react_native4.View, { style: iconRightStyle }, /* @__PURE__ */ React3.createElement(Icon, { icon: iconRight })) : void 0);
+      return /* @__PURE__ */ React3.createElement(TextStyleProvider, { style: finalTextStyles }, isLoading ? /* @__PURE__ */ React3.createElement(import_react_native3.View, null, /* @__PURE__ */ React3.createElement(import_react_native_progress.CircleSnail, { size: 20, color: loadColor })) : iconLeft ? /* @__PURE__ */ React3.createElement(import_react_native3.View, { style: iconLeftStyle }, /* @__PURE__ */ React3.createElement(Icon, { icon: iconLeft })) : void 0, text ? /* @__PURE__ */ React3.createElement(Text2, null, text) : children, iconRight ? /* @__PURE__ */ React3.createElement(import_react_native3.View, { style: iconRightStyle }, /* @__PURE__ */ React3.createElement(Icon, { icon: iconRight })) : void 0);
     }
   );
 }
@@ -676,7 +665,7 @@ function Input({
     style
   ];
   let textInput = /* @__PURE__ */ React4.createElement(
-    import_react_native5.TextInput,
+    import_react_native4.TextInput,
     {
       style: inputStyle,
       placeholderTextColor: theme.colors.text.replace(")", " / 0.6)"),
@@ -684,14 +673,14 @@ function Input({
     }
   );
   if (buttonRight) {
-    textInput = /* @__PURE__ */ React4.createElement(import_react_native5.View, { style: inputStyles.container }, textInput, /* @__PURE__ */ React4.createElement(Button, { ...buttonRight, style: [inputStyles.buttonRadius] }));
+    textInput = /* @__PURE__ */ React4.createElement(import_react_native4.View, { style: inputStyles.container }, textInput, /* @__PURE__ */ React4.createElement(Button, { ...buttonRight, style: [inputStyles.buttonRadius] }));
   }
   if (label) {
-    textInput = /* @__PURE__ */ React4.createElement(import_react_native5.View, { style: inputStyles.labelContainer }, /* @__PURE__ */ React4.createElement(Text2, { variant: "label" }, label), textInput);
+    textInput = /* @__PURE__ */ React4.createElement(import_react_native4.View, { style: inputStyles.labelContainer }, /* @__PURE__ */ React4.createElement(Text2, { variant: "label" }, label), textInput);
   }
   return textInput;
 }
-var inputBaseStyles = import_react_native5.StyleSheet.create({
+var inputBaseStyles = import_react_native4.StyleSheet.create({
   base: {
     height: 40,
     borderRadius: 8,
@@ -700,10 +689,10 @@ var inputBaseStyles = import_react_native5.StyleSheet.create({
     paddingVertical: 8,
     fontSize: 16,
     // Platform specific adjustments
-    ...import_react_native5.Platform.OS === "web" && {
+    ...import_react_native4.Platform.OS === "web" && {
       width: "100%"
     },
-    ...import_react_native5.Platform.OS !== "web" && {
+    ...import_react_native4.Platform.OS !== "web" && {
       height: 48,
       // native:h-12
       fontSize: 18,
@@ -714,7 +703,7 @@ var inputBaseStyles = import_react_native5.StyleSheet.create({
   },
   disabled: {
     opacity: 0.5,
-    ...import_react_native5.Platform.OS === "web" && {
+    ...import_react_native4.Platform.OS === "web" && {
       cursor: "not-allowed"
     }
   },
@@ -762,8 +751,8 @@ function useDataBrowserConfig() {
 }
 
 // components/TargetResourceProvider.tsx
-var import_solid_react2 = require("@ldo/solid-react");
-var import_react_native6 = require("react-native");
+var import_solid_react = require("@ldo/solid-react");
+var import_react_native5 = require("react-native");
 var TargetResourceContext = (0, import_react5.createContext)({});
 function useTargetResource() {
   return (0, import_react5.useContext)(TargetResourceContext);
@@ -772,14 +761,15 @@ var TargetResourceProvider = ({
   children
 }) => {
   const { mode, origin } = useDataBrowserConfig();
+  const { ranInitialAuthCheck } = (0, import_solid_react.useSolidAuth)();
   const [currentUrl, setCurrentUrl] = (0, import_react4.useState)(() => {
-    return import_react_native6.Platform.OS === "web" ? new URL(window.location.href) : new URL("");
+    return import_react_native5.Platform.OS === "web" ? new URL(window.location.href) : new URL("");
   });
   const handleUrlChange = (0, import_react4.useCallback)(() => {
     setCurrentUrl(new URL(window.location.href));
   }, []);
   (0, import_react4.useEffect)(() => {
-    if (import_react_native6.Platform.OS === "web") {
+    if (import_react_native5.Platform.OS === "web") {
       window.addEventListener("popstate", handleUrlChange);
       const originalPushState = history.pushState;
       const originalReplaceState = history.replaceState;
@@ -808,7 +798,7 @@ var TargetResourceProvider = ({
         finalUrl = `${origin}?uri=${encodeURIComponent(newRoute)}`;
       }
       setCurrentUrl(new URL(finalUrl));
-      if (import_react_native6.Platform.OS === "web") {
+      if (import_react_native5.Platform.OS === "web") {
         window.history.pushState(null, "", finalUrl);
       }
     },
@@ -823,7 +813,11 @@ var TargetResourceProvider = ({
     const curHash = currentUrl.hash;
     return `${curOrigin}${curPathname}${curHash}`;
   }, [currentUrl, mode]);
-  const targetResource = (0, import_solid_react2.useResource)(targetUri);
+  if (!ranInitialAuthCheck) return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null);
+  return /* @__PURE__ */ import_react4.default.createElement(TargetResourceLoader, { targetUri, navigateTo }, children);
+};
+var TargetResourceLoader = ({ targetUri, navigateTo, children }) => {
+  const targetResource = (0, import_solid_react.useResource)(targetUri);
   const refresh = (0, import_react4.useCallback)(async () => {
     if (targetResource) {
       await targetResource?.read();
@@ -876,7 +870,7 @@ var AddressBox = () => {
       return [];
     }
   }, [targetUri]);
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_native7.View, { style: styles2.container }, /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles2.container }, /* @__PURE__ */ import_react6.default.createElement(
     Input,
     {
       style: [styles2.input, { backgroundColor: colors.border }],
@@ -900,14 +894,14 @@ var AddressBox = () => {
       textStyle: styles2.buttonText
     }
   ), /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native7.ScrollView,
+    import_react_native6.ScrollView,
     {
       style: styles2.breadcrumbContainer,
       contentContainerStyle: styles2.breadcrumbContentContainer,
       pointerEvents: "none",
       horizontal: true
     },
-    !isTextMode && breadcrumbInfo.map((item, index) => /* @__PURE__ */ import_react6.default.createElement(import_react_native7.View, { style: styles2.breadcrumbItem, key: item.uri }, /* @__PURE__ */ import_react6.default.createElement(import_react_native7.TouchableOpacity, { onPress: () => navigateTo(item.uri) }, /* @__PURE__ */ import_react6.default.createElement(import_react_native7.View, { pointerEvents: "auto" }, /* @__PURE__ */ import_react6.default.createElement(Text2, { style: styles2.breadcrumbText, size: "sm" }, item.name))), index !== breadcrumbInfo.length - 1 ? /* @__PURE__ */ import_react6.default.createElement(Icon, { icon: import_lucide_react_native.ChevronRight, style: styles2.chevron }) : /* @__PURE__ */ import_react6.default.createElement(import_react_native7.View, { style: styles2.spacer })))
+    !isTextMode && breadcrumbInfo.map((item, index) => /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles2.breadcrumbItem, key: item.uri }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.TouchableOpacity, { onPress: () => navigateTo(item.uri) }, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { pointerEvents: "auto" }, /* @__PURE__ */ import_react6.default.createElement(Text2, { style: styles2.breadcrumbText, size: "sm" }, item.name))), index !== breadcrumbInfo.length - 1 ? /* @__PURE__ */ import_react6.default.createElement(Icon, { icon: import_lucide_react_native.ChevronRight, style: styles2.chevron }) : /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles2.spacer })))
   ), (() => {
     const shouldRefresh = targetUri === textBoxValue || !isTextMode;
     return /* @__PURE__ */ import_react6.default.createElement(
@@ -928,7 +922,7 @@ var AddressBox = () => {
     );
   })());
 };
-var styles2 = import_react_native7.StyleSheet.create({
+var styles2 = import_react_native6.StyleSheet.create({
   container: {
     flex: 1,
     height: 40
@@ -987,9 +981,9 @@ var styles2 = import_react_native7.StyleSheet.create({
 });
 
 // components/nav/header/AvatarMenu.tsx
-var import_solid_react3 = require("@ldo/solid-react");
+var import_solid_react2 = require("@ldo/solid-react");
 var import_react12 = __toESM(require("react"));
-var import_react_native14 = require("react-native");
+var import_react_native13 = require("react-native");
 
 // .ldo/profile.schema.ts
 var profileSchema = {
@@ -2194,17 +2188,17 @@ var SolidProfileShapeType = {
 
 // components/nav/header/ThemeToggleMenu.tsx
 var import_react10 = __toESM(require("react"));
-var import_react_native12 = require("react-native");
+var import_react_native11 = require("react-native");
 var import_lucide_react_native10 = require("lucide-react-native");
 var import_lucide_react_native11 = require("lucide-react-native");
 
 // components/ui/switch.tsx
 var SwitchPrimitives = __toESM(require("@rn-primitives/switch"));
 var React7 = __toESM(require("react"));
-var import_react_native8 = require("react-native");
+var import_react_native7 = require("react-native");
 var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
 var import_native5 = require("@react-navigation/native");
-var styles3 = import_react_native8.StyleSheet.create({
+var styles3 = import_react_native7.StyleSheet.create({
   switchRoot: {
     flexDirection: "row",
     height: 24,
@@ -2260,14 +2254,14 @@ function SwitchWeb({
   ...props
 }) {
   const { colors } = (0, import_native5.useTheme)();
-  const rootStyle = import_react_native8.StyleSheet.flatten([
+  const rootStyle = import_react_native7.StyleSheet.flatten([
     styles3.switchRoot,
     {
       backgroundColor: props.checked ? colors.primary : colors.border
     },
     props.disabled && styles3.switchRootDisabled
   ]);
-  const thumbStyle = import_react_native8.StyleSheet.flatten([
+  const thumbStyle = import_react_native7.StyleSheet.flatten([
     styles3.switchThumb,
     props.checked ? styles3.switchThumbChecked : styles3.switchThumbUnchecked
   ]);
@@ -2292,19 +2286,19 @@ function SwitchNative({
       { translateX: (0, import_react_native_reanimated.withTiming)(translateX.value, { duration: 200 }) }
     ]
   }));
-  const containerStyle = import_react_native8.StyleSheet.flatten([
+  const containerStyle = import_react_native7.StyleSheet.flatten([
     styles3.switchNativeRoot,
     props.disabled && styles3.switchRootDisabled
   ]);
   return /* @__PURE__ */ React7.createElement(
     import_react_native_reanimated.default.View,
     {
-      style: import_react_native8.StyleSheet.flatten([animatedRootStyle, containerStyle])
+      style: import_react_native7.StyleSheet.flatten([animatedRootStyle, containerStyle])
     },
     /* @__PURE__ */ React7.createElement(SwitchPrimitives.Root, { style: styles3.switchNativeRoot, ...props }, /* @__PURE__ */ React7.createElement(import_react_native_reanimated.default.View, { style: animatedThumbStyle }, /* @__PURE__ */ React7.createElement(SwitchPrimitives.Thumb, { style: styles3.switchNativeThumb })))
   );
 }
-var Switch = import_react_native8.Platform.select({
+var Switch = import_react_native7.Platform.select({
   web: SwitchWeb,
   default: SwitchNative
 });
@@ -2312,12 +2306,42 @@ var Switch = import_react_native8.Platform.select({
 // components/ui/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@rn-primitives/dropdown-menu"));
 var React8 = __toESM(require("react"));
-var import_react_native9 = require("react-native");
+var import_react_native8 = require("react-native");
 var import_lucide_react_native6 = require("lucide-react-native");
 var import_lucide_react_native7 = require("lucide-react-native");
 var import_lucide_react_native8 = require("lucide-react-native");
 var import_lucide_react_native9 = require("lucide-react-native");
 var import_native6 = require("@react-navigation/native");
+var DROPDOWN_ANIMATION_CSS = `
+@keyframes dropdown-in {
+  from { opacity: 0; transform: scaleY(0) translateY(-8px); }
+  to   { opacity: 1; transform: scaleY(1) translateY(0); }
+}
+@keyframes dropdown-out {
+  from { opacity: 1; transform: scaleY(1) translateY(0); }
+  to   { opacity: 0; transform: scaleY(0) translateY(-8px); }
+}
+[role="menu"] {
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+}
+[role="menu"][data-state="open"] {
+  animation: dropdown-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+[role="menu"][data-state="closed"] {
+  animation: dropdown-out 150ms ease-in;
+}
+`;
+function useDropdownAnimation() {
+  React8.useEffect(() => {
+    if (import_react_native8.Platform.OS !== "web") return;
+    const id = "rnp-dropdown-menu-animations";
+    if (document.getElementById(id)) return;
+    const el = document.createElement("style");
+    el.id = id;
+    el.textContent = DROPDOWN_ANIMATION_CSS;
+    document.head.appendChild(el);
+  }, []);
+}
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -2332,19 +2356,19 @@ function DropdownMenuSubTrigger({
 }) {
   const theme = (0, import_native6.useTheme)();
   const { open } = DropdownMenuPrimitive.useSubContext();
-  const SubIcon = import_react_native9.Platform.OS === "web" ? import_lucide_react_native8.ChevronRight : open ? import_lucide_react_native9.ChevronUp : import_lucide_react_native7.ChevronDown;
+  const SubIcon = import_react_native8.Platform.OS === "web" ? import_lucide_react_native8.ChevronRight : open ? import_lucide_react_native9.ChevronUp : import_lucide_react_native7.ChevronDown;
   return /* @__PURE__ */ React8.createElement(
     TextStyleProvider,
     {
-      style: import_react_native9.StyleSheet.flatten([
+      style: import_react_native8.StyleSheet.flatten([
         styles4.subTriggerText,
         { color: theme.colors.text }
       ])
     },
     /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.SubTrigger, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
-      import_react_native9.Pressable,
+      import_react_native8.Pressable,
       {
-        style: ({ pressed, hovered }) => import_react_native9.StyleSheet.flatten([
+        style: ({ pressed, hovered }) => import_react_native8.StyleSheet.flatten([
           styles4.subTrigger,
           open && { backgroundColor: theme.colors.border },
           (pressed || hovered) && { backgroundColor: theme.colors.border },
@@ -2385,18 +2409,19 @@ function DropdownMenuContent({
   ...props
 }) {
   const theme = (0, import_native6.useTheme)();
+  useDropdownAnimation();
   return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React8.createElement(
     DropdownMenuPrimitive.Overlay,
     {
-      style: overlayStyle ? import_react_native9.StyleSheet.flatten([
-        import_react_native9.Platform.OS !== "web" ? import_react_native9.StyleSheet.absoluteFill : void 0,
+      style: overlayStyle ? import_react_native8.StyleSheet.flatten([
+        import_react_native8.Platform.OS !== "web" ? import_react_native8.StyleSheet.absoluteFill : void 0,
         overlayStyle
-      ]) : import_react_native9.Platform.OS !== "web" ? import_react_native9.StyleSheet.absoluteFill : void 0
+      ]) : import_react_native8.Platform.OS !== "web" ? import_react_native8.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ React8.createElement(
       DropdownMenuPrimitive.Content,
       {
-        style: import_react_native9.StyleSheet.flatten([
+        style: import_react_native8.StyleSheet.flatten([
           styles4.content,
           {
             borderColor: theme.colors.border,
@@ -2417,10 +2442,10 @@ function DropdownMenuItem({
   ...props
 }) {
   const theme = (0, import_native6.useTheme)();
-  return /* @__PURE__ */ React8.createElement(TextStyleProvider, { style: { color: theme.colors.text } }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Item, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
-    import_react_native9.Pressable,
+  return /* @__PURE__ */ React8.createElement(TextStyleProvider, { size: "sm", style: { color: theme.colors.text } }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Item, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
+    import_react_native8.Pressable,
     {
-      style: ({ pressed, hovered }) => import_react_native9.StyleSheet.flatten([
+      style: ({ pressed, hovered }) => import_react_native8.StyleSheet.flatten([
         styles4.item,
         inset && styles4.itemInset,
         props.disabled && styles4.itemDisabled,
@@ -2439,16 +2464,16 @@ function DropdownMenuCheckboxItem({
 }) {
   const theme = (0, import_native6.useTheme)();
   return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.CheckboxItem, { asChild: true, checked, ...props }, /* @__PURE__ */ React8.createElement(
-    import_react_native9.Pressable,
+    import_react_native8.Pressable,
     {
-      style: ({ pressed, hovered }) => import_react_native9.StyleSheet.flatten([
+      style: ({ pressed, hovered }) => import_react_native8.StyleSheet.flatten([
         styles4.checkboxItem,
         props.disabled && styles4.checkboxItemDisabled,
         (pressed || hovered) && { backgroundColor: theme.colors.border },
         style
       ])
     },
-    /* @__PURE__ */ React8.createElement(import_react_native9.View, { style: styles4.checkboxIndicator }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(import_lucide_react_native6.Check, { size: 14, strokeWidth: 3, color: theme.colors.text }))),
+    /* @__PURE__ */ React8.createElement(import_react_native8.View, { style: styles4.checkboxIndicator }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(import_lucide_react_native6.Check, { size: 14, strokeWidth: 3, color: theme.colors.text }))),
     children
   ));
 }
@@ -2459,17 +2484,17 @@ function DropdownMenuRadioItem({
 }) {
   const theme = (0, import_native6.useTheme)();
   return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.RadioItem, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
-    import_react_native9.Pressable,
+    import_react_native8.Pressable,
     {
-      style: ({ pressed, hovered }) => import_react_native9.StyleSheet.flatten([
+      style: ({ pressed, hovered }) => import_react_native8.StyleSheet.flatten([
         styles4.radioItem,
         props.disabled && styles4.radioItemDisabled,
         (pressed || hovered) && { backgroundColor: theme.colors.border },
         style
       ])
     },
-    /* @__PURE__ */ React8.createElement(import_react_native9.View, { style: styles4.radioIndicator }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(
-      import_react_native9.View,
+    /* @__PURE__ */ React8.createElement(import_react_native8.View, { style: styles4.radioIndicator }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(
+      import_react_native8.View,
       {
         style: [styles4.radioDot, { backgroundColor: theme.colors.text }]
       }
@@ -2486,7 +2511,7 @@ function DropdownMenuLabel({
   return /* @__PURE__ */ React8.createElement(
     DropdownMenuPrimitive.Label,
     {
-      style: import_react_native9.StyleSheet.flatten([
+      style: import_react_native8.StyleSheet.flatten([
         styles4.label,
         { color: theme.colors.text },
         inset && styles4.labelInset,
@@ -2504,7 +2529,7 @@ function DropdownMenuSeparator({
   return /* @__PURE__ */ React8.createElement(
     DropdownMenuPrimitive.Separator,
     {
-      style: import_react_native9.StyleSheet.flatten([
+      style: import_react_native8.StyleSheet.flatten([
         styles4.separator,
         { backgroundColor: theme.colors.border },
         style
@@ -2516,7 +2541,7 @@ function DropdownMenuSeparator({
 function DropdownMenuShortcut({ style, ...props }) {
   const theme = (0, import_native6.useTheme)();
   return /* @__PURE__ */ React8.createElement(
-    import_react_native9.Text,
+    import_react_native8.Text,
     {
       style: [
         styles4.shortcut,
@@ -2528,10 +2553,10 @@ function DropdownMenuShortcut({ style, ...props }) {
     }
   );
 }
-var styles4 = import_react_native9.StyleSheet.create({
+var styles4 = import_react_native8.StyleSheet.create({
   // SubTrigger styles
   subTriggerText: {
-    fontSize: import_react_native9.Platform.OS === "web" ? 14 : 18
+    fontSize: import_react_native8.Platform.OS === "web" ? 14 : 18
     // text-sm native:text-lg
   },
   subTriggerTextOpen: {
@@ -2544,7 +2569,7 @@ var styles4 = import_react_native9.StyleSheet.create({
     // gap-2
     paddingHorizontal: 8,
     // px-2
-    paddingVertical: import_react_native9.Platform.OS === "web" ? 6 : 8,
+    paddingVertical: import_react_native8.Platform.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     borderRadius: 2
     // rounded-sm
@@ -2575,11 +2600,10 @@ var styles4 = import_react_native9.StyleSheet.create({
     // mt-1
     padding: 4,
     // p-1
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.05,
-    // shadow-foreground/5
-    shadowRadius: 2,
-    elevation: 2
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.12,
+    shadowRadius: 8,
+    elevation: 8
     // Android shadow
     // Border color, background color, and shadow color applied at render time
   },
@@ -2595,11 +2619,10 @@ var styles4 = import_react_native9.StyleSheet.create({
     borderWidth: 1,
     padding: 4,
     // p-1
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.05,
-    // shadow-foreground/5
-    shadowRadius: 2,
-    elevation: 2
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.12,
+    shadowRadius: 8,
+    elevation: 8
     // Android shadow
     // Border color, background color, and shadow color applied at render time
   },
@@ -2613,7 +2636,7 @@ var styles4 = import_react_native9.StyleSheet.create({
     // rounded-sm
     paddingHorizontal: 8,
     // px-2
-    paddingVertical: import_react_native9.Platform.OS === "web" ? 6 : 8
+    paddingVertical: import_react_native8.Platform.OS === "web" ? 6 : 8
     // py-1.5 native:py-2
   },
   itemInset: {
@@ -2631,7 +2654,7 @@ var styles4 = import_react_native9.StyleSheet.create({
     alignItems: "center",
     borderRadius: 2,
     // rounded-sm
-    paddingVertical: import_react_native9.Platform.OS === "web" ? 6 : 8,
+    paddingVertical: import_react_native8.Platform.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     paddingLeft: 32,
     // pl-8
@@ -2663,7 +2686,7 @@ var styles4 = import_react_native9.StyleSheet.create({
     alignItems: "center",
     borderRadius: 2,
     // rounded-sm
-    paddingVertical: import_react_native9.Platform.OS === "web" ? 6 : 8,
+    paddingVertical: import_react_native8.Platform.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     paddingLeft: 32,
     // pl-8
@@ -2700,7 +2723,7 @@ var styles4 = import_react_native9.StyleSheet.create({
     // px-2
     paddingVertical: 6,
     // py-1.5
-    fontSize: import_react_native9.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native8.Platform.OS === "web" ? 14 : 16,
     // text-sm native:text-base
     fontWeight: "600"
     // font-semibold
@@ -2723,7 +2746,7 @@ var styles4 = import_react_native9.StyleSheet.create({
   // Shortcut styles
   shortcut: {
     marginLeft: "auto",
-    fontSize: import_react_native9.Platform.OS === "web" ? 12 : 14,
+    fontSize: import_react_native8.Platform.OS === "web" ? 12 : 14,
     // text-xs native:text-sm
     letterSpacing: 0.1
     // tracking-widest
@@ -2735,7 +2758,7 @@ var styles4 = import_react_native9.StyleSheet.create({
 var import_react8 = __toESM(require("react"));
 var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"));
 var import_react9 = require("react");
-var import_react_native11 = require("react-native");
+var import_react_native10 = require("react-native");
 var import_native7 = require("@react-navigation/native");
 
 // lib/constants.ts
@@ -2743,7 +2766,7 @@ var NAV_THEME = {
   light: {
     background: "hsl(0 0% 99%)",
     border: "hsl(220 13% 91%)",
-    card: "hsl(0 0% 100%)",
+    card: "hsl(220 14% 96%)",
     notification: "hsl(0 72% 51%)",
     primary: "hsl(220 70% 45%)",
     text: "hsl(220 15% 12%)"
@@ -2751,7 +2774,7 @@ var NAV_THEME = {
   dark: {
     background: "hsl(222 18% 8%)",
     border: "hsl(217 18% 18%)",
-    card: "hsl(222 18% 10%)",
+    card: "hsl(222 18% 14%)",
     notification: "hsl(0 62% 50%)",
     primary: "hsl(217 91% 60%)",
     text: "hsl(210 20% 96%)"
@@ -2760,9 +2783,9 @@ var NAV_THEME = {
 
 // lib/android-navigation-bar.ts
 var NavigationBar = __toESM(require("expo-navigation-bar"));
-var import_react_native10 = require("react-native");
+var import_react_native9 = require("react-native");
 async function setAndroidNavigationBar(theme) {
-  if (import_react_native10.Platform.OS !== "android") return;
+  if (import_react_native9.Platform.OS !== "android") return;
   await NavigationBar.setButtonStyleAsync(theme === "dark" ? "light" : "dark");
   await NavigationBar.setBackgroundColorAsync(
     theme === "dark" ? NAV_THEME.dark.background : NAV_THEME.light.background
@@ -2788,7 +2811,7 @@ var ThemeProviderContext = (0, import_react9.createContext)({
 function useThemeChange() {
   return (0, import_react9.useContext)(ThemeProviderContext);
 }
-var usePlatformSpecificSetup = import_react_native11.Platform.select({
+var usePlatformSpecificSetup = import_react_native10.Platform.select({
   android: useSetAndroidNavigationBar,
   default: noop
 });
@@ -2802,8 +2825,8 @@ var ThemeProvider = ({
   useSetWebBackgroundClassName(resolvedScheme);
   (0, import_react8.useEffect)(() => {
     const lookupCurColorScheme = async () => {
-      setColorScheme(import_react_native11.Appearance.getColorScheme() ?? "light");
-      const storedColorSchemeName = await import_async_storage.default.getItem(COLOR_SCHEME_KEY) || import_react_native11.Appearance.getColorScheme();
+      setColorScheme(import_react_native10.Appearance.getColorScheme() ?? "light");
+      const storedColorSchemeName = await import_async_storage.default.getItem(COLOR_SCHEME_KEY) || import_react_native10.Appearance.getColorScheme();
       if (storedColorSchemeName) {
         setColorScheme(storedColorSchemeName);
       }
@@ -2830,10 +2853,10 @@ var ThemeProvider = ({
     /* @__PURE__ */ import_react8.default.createElement(ThemeProviderContext.Provider, { value: context }, children)
   ));
 };
-var useIsomorphicLayoutEffect = import_react_native11.Platform.OS === "web" && typeof window === "undefined" ? import_react8.default.useEffect : import_react8.default.useLayoutEffect;
+var useIsomorphicLayoutEffect = import_react_native10.Platform.OS === "web" && typeof window === "undefined" ? import_react8.default.useEffect : import_react8.default.useLayoutEffect;
 function useSetWebBackgroundClassName(colorScheme) {
   useIsomorphicLayoutEffect(() => {
-    if (import_react_native11.Platform.OS !== "web" || typeof document === "undefined") return;
+    if (import_react_native10.Platform.OS !== "web" || typeof document === "undefined") return;
     const el = document.documentElement;
     el.classList.add("bg-background");
     if (colorScheme === "dark") {
@@ -2848,7 +2871,7 @@ function useSetWebBackgroundClassName(colorScheme) {
 }
 function useSetAndroidNavigationBar() {
   import_react8.default.useLayoutEffect(() => {
-    setAndroidNavigationBar(import_react_native11.Appearance.getColorScheme() ?? "light");
+    setAndroidNavigationBar(import_react_native10.Appearance.getColorScheme() ?? "light");
   }, []);
 }
 function noop() {
@@ -2866,7 +2889,7 @@ var ThemeToggleMenu = () => {
       style: styles5.dropdownMenuItem,
       closeOnPress: false
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_react_native12.View, { style: styles5.textContainer }, /* @__PURE__ */ import_react10.default.createElement(Icon, { icon: colorScheme === "dark" ? import_lucide_react_native10.MoonStar : import_lucide_react_native11.Sun }), /* @__PURE__ */ import_react10.default.createElement(Text2, null, "Dark Mode")),
+    /* @__PURE__ */ import_react10.default.createElement(import_react_native11.View, { style: styles5.textContainer }, /* @__PURE__ */ import_react10.default.createElement(Icon, { icon: colorScheme === "dark" ? import_lucide_react_native10.MoonStar : import_lucide_react_native11.Sun }), /* @__PURE__ */ import_react10.default.createElement(Text2, null, "Dark Mode")),
     /* @__PURE__ */ import_react10.default.createElement(
       Switch,
       {
@@ -2878,7 +2901,7 @@ var ThemeToggleMenu = () => {
     )
   );
 };
-var styles5 = import_react_native12.StyleSheet.create({
+var styles5 = import_react_native11.StyleSheet.create({
   dropdownMenuItem: {
     justifyContent: "space-between"
   },
@@ -2899,7 +2922,7 @@ var import_react11 = __toESM(require("react"));
 var import_native8 = require("@react-navigation/native");
 var AvatarPrimitive = __toESM(require("@rn-primitives/avatar"));
 var React11 = __toESM(require("react"));
-var import_react_native13 = require("react-native");
+var import_react_native12 = require("react-native");
 function Avatar({
   style,
   ...props
@@ -2907,7 +2930,7 @@ function Avatar({
   return /* @__PURE__ */ React11.createElement(
     AvatarPrimitive.Root,
     {
-      style: import_react_native13.StyleSheet.flatten([styles6.avatar, style]),
+      style: import_react_native12.StyleSheet.flatten([styles6.avatar, style]),
       ...props
     }
   );
@@ -2919,7 +2942,7 @@ function AvatarImage({
   return /* @__PURE__ */ React11.createElement(
     AvatarPrimitive.Image,
     {
-      style: import_react_native13.StyleSheet.flatten([styles6.image, style]),
+      style: import_react_native12.StyleSheet.flatten([styles6.image, style]),
       ...props
     }
   );
@@ -2932,7 +2955,7 @@ function AvatarFallback({
   return /* @__PURE__ */ React11.createElement(
     AvatarPrimitive.Fallback,
     {
-      style: import_react_native13.StyleSheet.flatten([
+      style: import_react_native12.StyleSheet.flatten([
         styles6.fallback,
         { backgroundColor: colors.border },
         style
@@ -2941,7 +2964,7 @@ function AvatarFallback({
     }
   );
 }
-var styles6 = import_react_native13.StyleSheet.create({
+var styles6 = import_react_native12.StyleSheet.create({
   avatar: {
     position: "relative",
     flexDirection: "row",
@@ -2975,21 +2998,21 @@ var ProfileAvatar = ({
 
 // components/nav/header/AvatarMenu.tsx
 var AvatarMenu = () => {
-  const { session, logout } = (0, import_solid_react3.useSolidAuth)();
-  const webIdResource = (0, import_solid_react3.useResource)(session.webId);
-  const profile = (0, import_solid_react3.useSubject)(SolidProfileShapeType, session.webId);
+  const { session, logout } = (0, import_solid_react2.useSolidAuth)();
+  const webIdResource = (0, import_solid_react2.useResource)(session.webId);
+  const profile = (0, import_solid_react2.useSubject)(SolidProfileShapeType, session.webId);
   const { navigateTo } = useTargetResource();
   if (!session.webId) return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null);
-  return /* @__PURE__ */ import_react12.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react12.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react12.default.createElement(Button, { key: "setMemu", variant: "ghost", style: styles7.button }, /* @__PURE__ */ import_react12.default.createElement(ProfileAvatar, { profile }))), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuContent, { style: styles7.dropdownContent }, /* @__PURE__ */ import_react12.default.createElement(import_react_native14.View, { style: styles7.profileContainer }, /* @__PURE__ */ import_react12.default.createElement(ProfileAvatar, { profile, style: styles7.profileAvatar }), /* @__PURE__ */ import_react12.default.createElement(import_react_native14.View, { style: styles7.profileInfo }, /* @__PURE__ */ import_react12.default.createElement(Text2, null, profile?.fn || ""), /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react12.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react12.default.createElement(Button, { key: "setMemu", variant: "ghost", style: styles7.button }, /* @__PURE__ */ import_react12.default.createElement(ProfileAvatar, { profile }))), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuContent, { style: styles7.dropdownContent }, /* @__PURE__ */ import_react12.default.createElement(import_react_native13.View, { style: styles7.profileContainer }, /* @__PURE__ */ import_react12.default.createElement(ProfileAvatar, { profile, style: styles7.profileAvatar }), /* @__PURE__ */ import_react12.default.createElement(import_react_native13.View, { style: styles7.profileInfo }, /* @__PURE__ */ import_react12.default.createElement(Text2, null, profile?.fn || ""), /* @__PURE__ */ import_react12.default.createElement(
     Button,
     {
       size: "sm",
       onPress: () => navigateTo(session.webId ?? ""),
       text: "Edit your profile"
     }
-  ))), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react12.default.createElement(ThemeToggleMenu, null), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuItem, { onPress: logout }, /* @__PURE__ */ import_react12.default.createElement(import_react_native14.View, { style: styles7.logoutText }, /* @__PURE__ */ import_react12.default.createElement(Icon, { icon: import_lucide_react_native13.LogOut }), /* @__PURE__ */ import_react12.default.createElement(Text2, null, "Log Out")))));
+  ))), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react12.default.createElement(ThemeToggleMenu, null), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react12.default.createElement(DropdownMenuItem, { onPress: logout }, /* @__PURE__ */ import_react12.default.createElement(import_react_native13.View, { style: styles7.logoutText }, /* @__PURE__ */ import_react12.default.createElement(Icon, { icon: import_lucide_react_native13.LogOut }), /* @__PURE__ */ import_react12.default.createElement(Text2, null, "Log Out")))));
 };
-var styles7 = import_react_native14.StyleSheet.create({
+var styles7 = import_react_native13.StyleSheet.create({
   button: {
     width: 40
   },
@@ -3020,15 +3043,15 @@ var styles7 = import_react_native14.StyleSheet.create({
 });
 
 // components/nav/header/SignInMenu.tsx
-var import_solid_react4 = require("@ldo/solid-react");
+var import_solid_react3 = require("@ldo/solid-react");
 var import_react13 = __toESM(require("react"));
-var import_react_native16 = require("react-native");
+var import_react_native15 = require("react-native");
 var import_lucide_react_native15 = require("lucide-react-native");
 
 // components/ui/dialog.tsx
 var DialogPrimitive = __toESM(require("@rn-primitives/dialog"));
 var React14 = __toESM(require("react"));
-var import_react_native15 = require("react-native");
+var import_react_native14 = require("react-native");
 var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 var import_lucide_react_native14 = require("lucide-react-native");
 var import_native9 = require("@react-navigation/native");
@@ -3043,7 +3066,7 @@ function DialogOverlayWeb({
   return /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Overlay,
     {
-      style: import_react_native15.StyleSheet.flatten([styles8.overlay, style]),
+      style: import_react_native14.StyleSheet.flatten([styles8.overlay, style]),
       ...props
     }
   );
@@ -3056,7 +3079,7 @@ function DialogOverlayNative({
   return /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Overlay,
     {
-      style: [import_react_native15.StyleSheet.absoluteFill, styles8.overlayNative, style],
+      style: [import_react_native14.StyleSheet.absoluteFill, styles8.overlayNative, style],
       ...props
     },
     /* @__PURE__ */ React14.createElement(
@@ -3069,7 +3092,7 @@ function DialogOverlayNative({
     )
   );
 }
-var DialogOverlay = import_react_native15.Platform.select({
+var DialogOverlay = import_react_native14.Platform.select({
   web: DialogOverlayWeb,
   default: DialogOverlayNative
 });
@@ -3083,7 +3106,7 @@ function DialogContent({
   return /* @__PURE__ */ React14.createElement(DialogPortal, { hostName: portalHost }, /* @__PURE__ */ React14.createElement(DialogOverlay, null, /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Content,
     {
-      style: import_react_native15.StyleSheet.flatten([
+      style: import_react_native14.StyleSheet.flatten([
         styles8.content,
         { borderColor: colors.border, backgroundColor: colors.background },
         style
@@ -3091,19 +3114,19 @@ function DialogContent({
       ...props
     },
     children,
-    /* @__PURE__ */ React14.createElement(DialogPrimitive.Close, { style: styles8.closeButton }, /* @__PURE__ */ React14.createElement(import_lucide_react_native14.X, { size: import_react_native15.Platform.OS === "web" ? 16 : 18, color: colors.text }))
+    /* @__PURE__ */ React14.createElement(DialogPrimitive.Close, { style: styles8.closeButton }, /* @__PURE__ */ React14.createElement(import_lucide_react_native14.X, { size: import_react_native14.Platform.OS === "web" ? 16 : 18, color: colors.text }))
   )));
 }
 function DialogHeader({ style, ...props }) {
-  return /* @__PURE__ */ React14.createElement(import_react_native15.View, { style: import_react_native15.StyleSheet.flatten([styles8.header, style]), ...props });
+  return /* @__PURE__ */ React14.createElement(import_react_native14.View, { style: import_react_native14.StyleSheet.flatten([styles8.header, style]), ...props });
 }
 function DialogFooter({ style, ...props }) {
   return /* @__PURE__ */ React14.createElement(
-    import_react_native15.View,
+    import_react_native14.View,
     {
-      style: import_react_native15.StyleSheet.flatten([
+      style: import_react_native14.StyleSheet.flatten([
         styles8.footer,
-        import_react_native15.Platform.OS === "web" && styles8.footerRow,
+        import_react_native14.Platform.OS === "web" && styles8.footerRow,
         style
       ]),
       ...props
@@ -3118,7 +3141,7 @@ function DialogTitle({
   return /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Title,
     {
-      style: import_react_native15.StyleSheet.flatten([styles8.title, { color: colors.text }, style]),
+      style: import_react_native14.StyleSheet.flatten([styles8.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -3131,7 +3154,7 @@ function DialogDescription({
   return /* @__PURE__ */ React14.createElement(
     DialogPrimitive.Description,
     {
-      style: import_react_native15.StyleSheet.flatten([
+      style: import_react_native14.StyleSheet.flatten([
         styles8.description,
         { color: colors.text },
         style
@@ -3140,7 +3163,7 @@ function DialogDescription({
     }
   );
 }
-var styles8 = import_react_native15.StyleSheet.create({
+var styles8 = import_react_native14.StyleSheet.create({
   overlay: {
     backgroundColor: "rgba(0, 0, 0, 0.6)",
     flex: 1,
@@ -3192,8 +3215,7 @@ var styles8 = import_react_native15.StyleSheet.create({
     flexDirection: "column",
     gap: 6,
     // gap-1.5
-    textAlign: "center",
-    borderBottomWidth: 1
+    textAlign: "center"
   },
   footer: {
     flexDirection: "column-reverse",
@@ -3205,17 +3227,17 @@ var styles8 = import_react_native15.StyleSheet.create({
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: import_react_native15.Platform.OS === "web" ? 18 : 20,
+    fontSize: import_react_native14.Platform.OS === "web" ? 18 : 20,
     // text-lg native:text-xl
     fontWeight: "600",
     // font-semibold
-    lineHeight: import_react_native15.Platform.OS === "web" ? 20 : 22,
+    lineHeight: import_react_native14.Platform.OS === "web" ? 20 : 22,
     // leading-none
     letterSpacing: -0.025
     // tracking-tight
   },
   description: {
-    fontSize: import_react_native15.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native14.Platform.OS === "web" ? 14 : 16,
     // text-sm native:text-base
     opacity: 0.7
   }
@@ -3225,14 +3247,14 @@ var styles8 = import_react_native15.StyleSheet.create({
 var SignInMenu = () => {
   const [idpValue, setIdpValue] = (0, import_react13.useState)("");
   const [, setIdpError] = (0, import_react13.useState)();
-  const { login, signUp } = (0, import_solid_react4.useSolidAuth)();
-  const { width } = (0, import_react_native16.useWindowDimensions)();
+  const { login, signUp } = (0, import_solid_react3.useSolidAuth)();
+  const { width } = (0, import_react_native15.useWindowDimensions)();
   const { defaultIssuer } = useDataBrowserConfig();
   const isSmallScreen = width < 640;
   const onIdpSubmit = (0, import_react13.useCallback)(async () => {
     setIdpError(void 0);
     try {
-      await login(idpValue);
+      await login(idpValue, window.location.href);
     } catch (err) {
       if (err instanceof Error) {
         setIdpError(err.message);
@@ -3242,11 +3264,11 @@ var SignInMenu = () => {
     }
   }, [idpValue, login]);
   const renderButtonGroup = () => {
-    return /* @__PURE__ */ import_react13.default.createElement(import_react_native16.View, { style: styles9.buttonGroup }, !isSmallScreen && /* @__PURE__ */ import_react13.default.createElement(
+    return /* @__PURE__ */ import_react13.default.createElement(import_react_native15.View, { style: styles9.buttonGroup }, !isSmallScreen && /* @__PURE__ */ import_react13.default.createElement(
       Button,
       {
         key: "signUp",
-        onPress: () => signUp(defaultIssuer),
+        onPress: () => signUp(defaultIssuer, window.location.href),
         variant: "ghost",
         text: "Sign Up"
       }
@@ -3254,7 +3276,7 @@ var SignInMenu = () => {
       Button,
       {
         key: "logIn",
-        onPress: () => login(defaultIssuer),
+        onPress: () => login(defaultIssuer, window.location.href),
         variant: "default",
         text: "Log In"
       }
@@ -3270,13 +3292,13 @@ var SignInMenu = () => {
     )), /* @__PURE__ */ import_react13.default.createElement(DropdownMenuContent, { style: styles9.dropdownContent }, /* @__PURE__ */ import_react13.default.createElement(DropdownMenuGroup, null, isSmallScreen && /* @__PURE__ */ import_react13.default.createElement(
       DropdownMenuItem,
       {
-        onPress: () => signUp(defaultIssuer)
+        onPress: () => signUp(defaultIssuer, window.location.href)
       },
       /* @__PURE__ */ import_react13.default.createElement(Text2, null, "Sign Up")
     ), isSmallScreen && /* @__PURE__ */ import_react13.default.createElement(
       DropdownMenuItem,
       {
-        onPress: () => login(defaultIssuer)
+        onPress: () => login(defaultIssuer, window.location.href)
       },
       /* @__PURE__ */ import_react13.default.createElement(Text2, null, "Log In")
     ), /* @__PURE__ */ import_react13.default.createElement(Dialog, null, /* @__PURE__ */ import_react13.default.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ import_react13.default.createElement(DropdownMenuItem, { closeOnPress: false }, /* @__PURE__ */ import_react13.default.createElement(Text2, null, "Log in with Another Pod"))), /* @__PURE__ */ import_react13.default.createElement(DialogContent, { style: styles9.dialogContent }, /* @__PURE__ */ import_react13.default.createElement(DialogHeader, null, /* @__PURE__ */ import_react13.default.createElement(DialogTitle, null, "Solid WebId or Identity Provider"), /* @__PURE__ */ import_react13.default.createElement(DialogDescription, null, /* @__PURE__ */ import_react13.default.createElement(
@@ -3291,7 +3313,7 @@ var SignInMenu = () => {
   };
   return renderButtonGroup();
 };
-var styles9 = import_react_native16.StyleSheet.create({
+var styles9 = import_react_native15.StyleSheet.create({
   buttonGroup: {
     flexDirection: "row"
   },
@@ -3311,7 +3333,7 @@ var styles9 = import_react_native16.StyleSheet.create({
 
 // components/nav/header/ViewMenu.tsx
 var import_react16 = __toESM(require("react"));
-var import_react_native19 = require("react-native");
+var import_react_native18 = require("react-native");
 var import_lucide_react_native23 = require("lucide-react-native");
 
 // components/useViewContext.tsx
@@ -3330,7 +3352,7 @@ var import_react14 = __toESM(require("react"));
 
 // components/ui/card.tsx
 var React16 = __toESM(require("react"));
-var import_react_native17 = require("react-native");
+var import_react_native16 = require("react-native");
 var import_native10 = require("@react-navigation/native");
 function Card({
   style,
@@ -3338,11 +3360,11 @@ function Card({
 }) {
   const { colors } = (0, import_native10.useTheme)();
   return /* @__PURE__ */ React16.createElement(
-    import_react_native17.View,
+    import_react_native16.View,
     {
-      style: import_react_native17.StyleSheet.flatten([
+      style: import_react_native16.StyleSheet.flatten([
         styles10.card,
-        { backgroundColor: colors.background, borderColor: colors.border },
+        { backgroundColor: colors.card, borderColor: colors.border },
         style
       ]),
       ...props
@@ -3353,7 +3375,7 @@ function CardHeader({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ React16.createElement(import_react_native17.View, { style: import_react_native17.StyleSheet.flatten([styles10.header, style]), ...props });
+  return /* @__PURE__ */ React16.createElement(import_react_native16.View, { style: import_react_native16.StyleSheet.flatten([styles10.header, style]), ...props });
 }
 function CardTitle({
   style,
@@ -3361,11 +3383,11 @@ function CardTitle({
 }) {
   const { colors } = (0, import_native10.useTheme)();
   return /* @__PURE__ */ React16.createElement(
-    import_react_native17.Text,
+    import_react_native16.Text,
     {
       role: "heading",
       "aria-level": 3,
-      style: import_react_native17.StyleSheet.flatten([styles10.title, { color: colors.text }, style]),
+      style: import_react_native16.StyleSheet.flatten([styles10.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -3376,9 +3398,9 @@ function CardDescription({
 }) {
   const { colors } = (0, import_native10.useTheme)();
   return /* @__PURE__ */ React16.createElement(
-    import_react_native17.Text,
+    import_react_native16.Text,
     {
-      style: import_react_native17.StyleSheet.flatten([
+      style: import_react_native16.StyleSheet.flatten([
         styles10.description,
         { color: colors.text },
         style
@@ -3392,15 +3414,15 @@ function CardContent({
   ...props
 }) {
   const { colors } = (0, import_native10.useTheme)();
-  return /* @__PURE__ */ React16.createElement(TextStyleProvider, { style: { color: colors.text } }, /* @__PURE__ */ React16.createElement(import_react_native17.View, { style: import_react_native17.StyleSheet.flatten([styles10.content, style]), ...props }));
+  return /* @__PURE__ */ React16.createElement(TextStyleProvider, { style: { color: colors.text } }, /* @__PURE__ */ React16.createElement(import_react_native16.View, { style: import_react_native16.StyleSheet.flatten([styles10.content, style]), ...props }));
 }
 function CardFooter({
   style,
   ...props
 }) {
-  return /* @__PURE__ */ React16.createElement(import_react_native17.View, { style: import_react_native17.StyleSheet.flatten([styles10.footer, style]), ...props });
+  return /* @__PURE__ */ React16.createElement(import_react_native16.View, { style: import_react_native16.StyleSheet.flatten([styles10.footer, style]), ...props });
 }
-var styles10 = import_react_native17.StyleSheet.create({
+var styles10 = import_react_native16.StyleSheet.create({
   card: {
     borderRadius: 10,
     borderWidth: 1
@@ -3433,18 +3455,41 @@ var styles10 = import_react_native17.StyleSheet.create({
 });
 
 // components/utilityResourceViews/ErrorMessageResourceView.tsx
-var import_react_native18 = require("react-native");
+var import_react_native17 = require("react-native");
+var import_native11 = require("@react-navigation/native");
 var ErrorMessageResourceView = ({ icon, message }) => {
   const Icon2 = icon;
-  return /* @__PURE__ */ import_react14.default.createElement(import_react_native18.View, { className: "flex-1 justify-center items-center bg-background" }, /* @__PURE__ */ import_react14.default.createElement(Card, { className: "max-w-100 p-6 items-center gap-4 m-4" }, /* @__PURE__ */ import_react14.default.createElement(Text2, null, /* @__PURE__ */ import_react14.default.createElement(Icon2, { size: 60 })), /* @__PURE__ */ import_react14.default.createElement(Text2, null, message)));
+  const { colors } = (0, import_native11.useTheme)();
+  return /* @__PURE__ */ import_react14.default.createElement(import_react_native17.View, { style: styles11.container }, /* @__PURE__ */ import_react14.default.createElement(Card, { style: styles11.card }, /* @__PURE__ */ import_react14.default.createElement(Icon2, { size: 60, color: colors.text, style: styles11.icon }), /* @__PURE__ */ import_react14.default.createElement(Text2, { style: styles11.message }, message)));
 };
+var styles11 = import_react_native17.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  card: {
+    maxWidth: 400,
+    width: "100%",
+    padding: 24,
+    alignItems: "center",
+    gap: 16
+  },
+  icon: {
+    marginBottom: 8
+  },
+  message: {
+    textAlign: "center"
+  }
+});
 
 // components/useViewContext.tsx
-var import_solid_react5 = require("@ldo/solid-react");
+var import_solid_react4 = require("@ldo/solid-react");
 var [ViewContextProvider, useViewContext] = (0, import_constate.default)(() => {
   const { targetUri, targetResource, refresh, navigateTo } = useTargetResource();
   const { resourceViews } = useDataBrowserConfig();
-  const { dataset: dataset2 } = (0, import_solid_react5.useLdo)();
+  const { dataset } = (0, import_solid_react4.useLdo)();
   const validViews = (0, import_react15.useMemo)(() => {
     if (!targetResource || !targetUri) {
       return [
@@ -3464,10 +3509,10 @@ var [ViewContextProvider, useViewContext] = (0, import_constate.default)(() => {
     const errorViews = getErrorViews(targetResource);
     if (errorViews) return errorViews;
     const potentialViews = resourceViews.filter(
-      (view) => view.canDisplay(targetUri, targetResource, dataset2)
+      (view) => view.canDisplay(targetUri, targetResource, dataset)
     );
     return potentialViews.length > 0 ? potentialViews : [constructErrorView(`No valid view for ${targetUri}`, import_lucide_react_native17.OctagonX)];
-  }, [targetResource, targetUri, resourceViews, dataset2]);
+  }, [targetResource, targetUri, resourceViews, dataset]);
   const [curViewConfig, setCurViewConfig] = (0, import_react15.useState)(
     validViews[0]
   );
@@ -3547,10 +3592,10 @@ function getErrorViews(targetResource) {
 }
 
 // components/nav/header/ViewMenu.tsx
-var import_native11 = require("@react-navigation/native");
+var import_native12 = require("@react-navigation/native");
 var ViewMenu = () => {
   const { validViews } = useViewContext();
-  const { width } = (0, import_react_native19.useWindowDimensions)();
+  const { width } = (0, import_react_native18.useWindowDimensions)();
   return /* @__PURE__ */ import_react16.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react16.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react16.default.createElement(
     Button,
     {
@@ -3561,21 +3606,21 @@ var ViewMenu = () => {
   )), /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuContent,
     {
-      style: import_react_native19.StyleSheet.flatten([styles11.contentContainer])
+      style: import_react_native18.StyleSheet.flatten([styles12.contentContainer])
     },
     validViews.map((menuItem) => /* @__PURE__ */ import_react16.default.createElement(ListItem, { key: menuItem.name, viewConfig: menuItem }, menuItem.displayName))
   ));
 };
 var ListItem = ({ viewConfig, children }) => {
   const { curViewConfig, setCurViewConfig } = useViewContext();
-  const { colors } = (0, import_native11.useTheme)();
+  const { colors } = (0, import_native12.useTheme)();
   const DisplayIcon = viewConfig.displayIcon;
   const isSelected = curViewConfig.name === viewConfig.name;
   return /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuItem,
     {
-      style: import_react_native19.StyleSheet.flatten([
-        styles11.listItem,
+      style: import_react_native18.StyleSheet.flatten([
+        styles12.listItem,
         isSelected && {
           backgroundColor: colors.border
         }
@@ -3587,7 +3632,7 @@ var ListItem = ({ viewConfig, children }) => {
   );
 };
 ListItem.displayName = "ListItem";
-var styles11 = import_react_native19.StyleSheet.create({
+var styles12 = import_react_native18.StyleSheet.create({
   triggerContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -3620,12 +3665,12 @@ var import_lucide_react_native31 = require("lucide-react-native");
 
 // components/sharing/SharingModal.tsx
 var import_react28 = __toESM(require("react"));
-var import_react_native35 = require("react-native");
-var import_native17 = require("@react-navigation/native");
+var import_react_native34 = require("react-native");
+var import_native18 = require("@react-navigation/native");
 
 // components/sharing/CopyLink.tsx
 var import_react17 = __toESM(require("react"));
-var import_react_native20 = require("react-native");
+var import_react_native19 = require("react-native");
 var import_lucide_react_native24 = require("lucide-react-native");
 var CopyLink = () => {
   const { targetUri } = useViewContext();
@@ -3640,14 +3685,14 @@ var CopyLink = () => {
     Button,
     {
       variant: "outline",
-      style: styles12.button,
+      style: styles13.button,
       onPress: onCopy,
       text: message,
       iconLeft: import_lucide_react_native24.Link
     }
   );
 };
-var styles12 = import_react_native20.StyleSheet.create({
+var styles13 = import_react_native19.StyleSheet.create({
   button: {
     flexDirection: "row"
   }
@@ -3655,13 +3700,13 @@ var styles12 = import_react_native20.StyleSheet.create({
 
 // components/common/LoadingBar.tsx
 var import_react18 = __toESM(require("react"));
-var import_native12 = require("@react-navigation/native");
+var import_native13 = require("@react-navigation/native");
 var import_react_native_progress2 = require("react-native-progress");
-var import_react_native21 = require("react-native");
+var import_react_native20 = require("react-native");
 var LoadingBar = ({
   isLoading
 }) => {
-  const { colors } = (0, import_native12.useTheme)();
+  const { colors } = (0, import_native13.useTheme)();
   if (!isLoading) return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null);
   return /* @__PURE__ */ import_react18.default.createElement(
     import_react_native_progress2.Bar,
@@ -3671,11 +3716,11 @@ var LoadingBar = ({
       borderWidth: 0,
       borderRadius: 0,
       width: null,
-      style: styles13.bar
+      style: styles14.bar
     }
   );
 };
-var styles13 = import_react_native21.StyleSheet.create({
+var styles14 = import_react_native20.StyleSheet.create({
   bar: {
     position: "absolute",
     top: 0,
@@ -3685,31 +3730,31 @@ var styles13 = import_react_native21.StyleSheet.create({
 });
 
 // components/sharing/SharingModal.tsx
-var import_react_native36 = require("react-native");
+var import_react_native35 = require("react-native");
 
 // components/sharing/WacRuleForm.tsx
 var import_react27 = __toESM(require("react"));
-var import_react_native33 = require("react-native");
+var import_react_native32 = require("react-native");
 
 // components/ui/separator.tsx
-var import_native13 = require("@react-navigation/native");
+var import_native14 = require("@react-navigation/native");
 var SeparatorPrimitive = __toESM(require("@rn-primitives/separator"));
 var React22 = __toESM(require("react"));
-var import_react_native22 = require("react-native");
+var import_react_native21 = require("react-native");
 function Separator2({
   style,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  const { colors } = (0, import_native13.useTheme)();
+  const { colors } = (0, import_native14.useTheme)();
   return /* @__PURE__ */ React22.createElement(
     SeparatorPrimitive.Root,
     {
       decorative,
       orientation,
-      style: import_react_native22.StyleSheet.flatten([
-        orientation === "horizontal" ? styles14.horizontal : styles14.vertical,
+      style: import_react_native21.StyleSheet.flatten([
+        orientation === "horizontal" ? styles15.horizontal : styles15.vertical,
         { backgroundColor: colors.border },
         style
       ]),
@@ -3717,7 +3762,7 @@ function Separator2({
     }
   );
 }
-var styles14 = import_react_native22.StyleSheet.create({
+var styles15 = import_react_native21.StyleSheet.create({
   horizontal: {
     flexShrink: 0,
     height: 1,
@@ -3735,22 +3780,22 @@ var import_react25 = __toESM(require("react"));
 
 // components/sharing/agentPermissions/AgentPermissionRow.tsx
 var import_react21 = __toESM(require("react"));
-var import_react_native26 = require("react-native");
+var import_react_native25 = require("react-native");
 
 // components/sharing/agentPermissions/AgentInformation.tsx
-var import_solid_react6 = require("@ldo/solid-react");
+var import_solid_react5 = require("@ldo/solid-react");
 var import_react19 = __toESM(require("react"));
-var import_react_native23 = require("react-native");
+var import_react_native22 = require("react-native");
 var AgentInformation = ({
   webId,
   accessoryRight
 }) => {
-  const { session } = (0, import_solid_react6.useSolidAuth)();
-  (0, import_solid_react6.useResource)(webId);
-  const agentProfile = (0, import_solid_react6.useSubject)(SolidProfileShapeType, webId);
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles15.container }, /* @__PURE__ */ import_react19.default.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ import_react19.default.createElement(import_react_native23.View, { style: styles15.textContainer }, /* @__PURE__ */ import_react19.default.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ import_react19.default.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
+  const { session } = (0, import_solid_react5.useSolidAuth)();
+  (0, import_solid_react5.useResource)(webId);
+  const agentProfile = (0, import_solid_react5.useSubject)(SolidProfileShapeType, webId);
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { style: styles16.container }, /* @__PURE__ */ import_react19.default.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { style: styles16.textContainer }, /* @__PURE__ */ import_react19.default.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ import_react19.default.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
 };
-var styles15 = import_react_native23.StyleSheet.create({
+var styles16 = import_react_native22.StyleSheet.create({
   container: {
     flexDirection: "row",
     gap: 16,
@@ -3768,9 +3813,9 @@ var import_react20 = __toESM(require("react"));
 // components/ui/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@rn-primitives/checkbox"));
 var React24 = __toESM(require("react"));
-var import_react_native24 = require("react-native");
+var import_react_native23 = require("react-native");
 var import_lucide_react_native25 = require("lucide-react-native");
-var import_native14 = require("@react-navigation/native");
+var import_native15 = require("@react-navigation/native");
 var getCheckboxStyles = (checked = false, disabled = false, theme) => {
   const baseStyles = {
     height: 16,
@@ -3788,7 +3833,7 @@ var getCheckboxStyles = (checked = false, disabled = false, theme) => {
   const disabledStyles = disabled ? {
     opacity: 0.5
   } : {};
-  return import_react_native24.StyleSheet.flatten([baseStyles, checkedStyles, disabledStyles]);
+  return import_react_native23.StyleSheet.flatten([baseStyles, checkedStyles, disabledStyles]);
 };
 var getIndicatorStyles = () => ({
   alignItems: "center",
@@ -3800,8 +3845,8 @@ function Checkbox({
   style,
   ...props
 }) {
-  const theme = (0, import_native14.useTheme)();
-  const rootStyle = import_react_native24.StyleSheet.flatten([
+  const theme = (0, import_native15.useTheme)();
+  const rootStyle = import_react_native23.StyleSheet.flatten([
     getCheckboxStyles(props.checked, props.disabled, theme),
     style
   ]);
@@ -3809,7 +3854,7 @@ function Checkbox({
     import_lucide_react_native25.Check,
     {
       size: 12,
-      strokeWidth: import_react_native24.Platform.OS === "web" ? 2.5 : 3.5,
+      strokeWidth: import_react_native23.Platform.OS === "web" ? 2.5 : 3.5,
       color: theme.colors.background
     }
   )));
@@ -3817,7 +3862,7 @@ function Checkbox({
 
 // components/sharing/AccessDropdown.tsx
 var import_lucide_react_native26 = require("lucide-react-native");
-var import_react_native25 = require("react-native");
+var import_react_native24 = require("react-native");
 var AccessDropdown = ({
   value,
   onChange
@@ -3846,7 +3891,7 @@ var AccessDropdown = ({
     },
     [onChange, value]
   );
-  return /* @__PURE__ */ import_react20.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuTrigger, { asChild: true, style: styles16.button }, /* @__PURE__ */ import_react20.default.createElement(Button, { variant: "outline" }, /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessDescription), /* @__PURE__ */ import_react20.default.createElement(Icon, { icon: import_lucide_react_native26.ChevronDown, style: styles16.buttonChevron }))), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuContent, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuTrigger, { asChild: true, style: styles17.button }, /* @__PURE__ */ import_react20.default.createElement(Button, { variant: "outline" }, /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessDescription), /* @__PURE__ */ import_react20.default.createElement(Icon, { icon: import_lucide_react_native26.ChevronDown, style: styles17.buttonChevron }))), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuContent, null, /* @__PURE__ */ import_react20.default.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react20.default.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ import_react20.default.createElement(
     DropdownMenuItem,
     {
       key: accessModeName,
@@ -3866,7 +3911,7 @@ var AccessDropdown = ({
     /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessModeName.charAt(0).toUpperCase() + accessModeName.slice(1))
   )))));
 };
-var styles16 = import_react_native25.StyleSheet.create({
+var styles17 = import_react_native24.StyleSheet.create({
   button: {
     display: "flex",
     width: 130,
@@ -3879,25 +3924,25 @@ var styles16 = import_react_native25.StyleSheet.create({
 });
 
 // components/sharing/agentPermissions/AgentPermissionRow.tsx
-var import_react_native27 = require("react-native");
+var import_react_native26 = require("react-native");
 var import_lucide_react_native27 = require("lucide-react-native");
 var AgentPermissionRow = ({
   webId,
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles17.container }, /* @__PURE__ */ import_react21.default.createElement(AgentInformation, { webId }), /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles17.rightSection }, /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_native26.View, { style: styles18.container }, /* @__PURE__ */ import_react21.default.createElement(AgentInformation, { webId }), /* @__PURE__ */ import_react21.default.createElement(import_react_native26.View, { style: styles18.rightSection }, /* @__PURE__ */ import_react21.default.createElement(
     Button,
     {
       variant: "ghost",
       onPress: () => onChange(void 0),
-      style: styles17.deleteButton,
+      style: styles18.deleteButton,
       iconLeft: import_lucide_react_native27.Trash,
-      textStyle: styles17.deleteButtonText
+      textStyle: styles18.deleteButtonText
     }
   ), /* @__PURE__ */ import_react21.default.createElement(AccessDropdown, { value, onChange })));
 };
-var styles17 = import_react_native26.StyleSheet.create({
+var styles18 = import_react_native25.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3916,15 +3961,15 @@ var styles17 = import_react_native26.StyleSheet.create({
 
 // components/sharing/agentPermissions/AgentInput.tsx
 var import_react24 = __toESM(require("react"));
+var import_react_native28 = require("react-native");
+var import_native17 = require("@react-navigation/native");
 var import_react_native29 = require("react-native");
-var import_native16 = require("@react-navigation/native");
-var import_react_native30 = require("react-native");
-var import_solid_react7 = require("@ldo/solid-react");
+var import_solid_react6 = require("@ldo/solid-react");
 
 // components/ui/input-dropdown.tsx
 var import_react22 = __toESM(require("react"));
-var import_react_native28 = require("react-native");
-var import_native15 = require("@react-navigation/native");
+var import_react_native27 = require("react-native");
+var import_native16 = require("@react-navigation/native");
 function InputDropdown({
   items,
   renderItem,
@@ -3938,7 +3983,7 @@ function InputDropdown({
   style,
   ...inputProps
 }) {
-  const { colors } = (0, import_native15.useTheme)();
+  const { colors } = (0, import_native16.useTheme)();
   const [isDropdownOpen, setIsDropdownOpen] = (0, import_react22.useState)(false);
   const inputRef = (0, import_react22.useRef)(null);
   const filteredItems = (0, import_react22.useMemo)(() => {
@@ -3979,15 +4024,15 @@ function InputDropdown({
     }
   }, [isDropdownOpen]);
   const containerStyles = {
-    ...styles18.container,
+    ...styles19.container,
     ...style
   };
   const dropdownStyles = {
-    ...styles18.dropdown,
+    ...styles19.dropdown,
     backgroundColor: colors.background,
     borderColor: colors.border
   };
-  return /* @__PURE__ */ import_react22.default.createElement(import_react_native28.View, { style: containerStyles, ref: inputRef }, /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(import_react_native27.View, { style: containerStyles, ref: inputRef }, /* @__PURE__ */ import_react22.default.createElement(
     Input,
     {
       ...inputProps,
@@ -3995,9 +4040,9 @@ function InputDropdown({
       onFocus: handleInputFocus,
       buttonRight
     }
-  ), isDropdownOpen && (filteredItems.length > 0 || isLoading) && /* @__PURE__ */ import_react22.default.createElement(Card, { style: dropdownStyles }, isLoading && /* @__PURE__ */ import_react22.default.createElement(LoadingBar, { isLoading }), filteredItems.map((item, index) => /* @__PURE__ */ import_react22.default.createElement(import_react_native28.View, { key: index }, renderItem(item, handleItemSelect)))));
+  ), isDropdownOpen && (filteredItems.length > 0 || isLoading) && /* @__PURE__ */ import_react22.default.createElement(Card, { style: dropdownStyles }, isLoading && /* @__PURE__ */ import_react22.default.createElement(LoadingBar, { isLoading }), filteredItems.map((item, index) => /* @__PURE__ */ import_react22.default.createElement(import_react_native27.View, { key: index }, renderItem(item, handleItemSelect)))));
 }
-var styles18 = import_react_native28.StyleSheet.create({
+var styles19 = import_react_native27.StyleSheet.create({
   container: {
     position: "relative"
   },
@@ -4043,12 +4088,12 @@ function useContactFilter(webIds, searchText, contactsWithNames) {
 // components/sharing/agentPermissions/AgentInput.tsx
 var import_lucide_react_native28 = require("lucide-react-native");
 var ContactDropdownItem = ({ webId, onSelect }) => {
-  const { colors } = (0, import_native16.useTheme)();
+  const { colors } = (0, import_native17.useTheme)();
   return /* @__PURE__ */ import_react24.default.createElement(
-    import_react_native30.Pressable,
+    import_react_native29.Pressable,
     {
       style: ({ hovered }) => [
-        styles19.dropdownItem,
+        styles20.dropdownItem,
         { borderBottomColor: colors.border },
         hovered && { backgroundColor: colors.border }
       ],
@@ -4068,9 +4113,9 @@ var AgentInput = ({
   existingAgents,
   className
 }) => {
-  const { session } = (0, import_solid_react7.useSolidAuth)();
+  const { session } = (0, import_solid_react6.useSolidAuth)();
   const [inputValue, setInputValue] = (0, import_react24.useState)("");
-  const currentUserProfile = (0, import_solid_react7.useLinkQuery)(
+  const currentUserProfile = (0, import_solid_react6.useLinkQuery)(
     SolidProfileShapeType,
     session.webId,
     session.webId,
@@ -4132,7 +4177,7 @@ var AgentInput = ({
     }
   );
 };
-var styles19 = import_react_native29.StyleSheet.create({
+var styles20 = import_react_native28.StyleSheet.create({
   dropdownItem: {
     padding: 8,
     borderBottomWidth: 1
@@ -4184,21 +4229,21 @@ var AgentPermissions = ({
 };
 
 // components/sharing/WacRuleForm.tsx
-var import_react_native34 = require("react-native");
+var import_react_native33 = require("react-native");
 
 // components/sharing/PermissionRow.tsx
 var import_react26 = __toESM(require("react"));
+var import_react_native30 = require("react-native");
 var import_react_native31 = require("react-native");
-var import_react_native32 = require("react-native");
 var PermissionRow = ({
   Icon: Icon2,
   displayName,
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles20.container }, /* @__PURE__ */ import_react26.default.createElement(import_react_native32.View, { style: styles20.leftSection }, /* @__PURE__ */ import_react26.default.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ import_react26.default.createElement(AvatarFallback, null, /* @__PURE__ */ import_react26.default.createElement(Text2, null, /* @__PURE__ */ import_react26.default.createElement(Icon2, null)))), /* @__PURE__ */ import_react26.default.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ import_react26.default.createElement(AccessDropdown, { value, onChange }));
+  return /* @__PURE__ */ import_react26.default.createElement(import_react_native31.View, { style: styles21.container }, /* @__PURE__ */ import_react26.default.createElement(import_react_native31.View, { style: styles21.leftSection }, /* @__PURE__ */ import_react26.default.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ import_react26.default.createElement(AvatarFallback, null, /* @__PURE__ */ import_react26.default.createElement(Text2, null, /* @__PURE__ */ import_react26.default.createElement(Icon2, null)))), /* @__PURE__ */ import_react26.default.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ import_react26.default.createElement(AccessDropdown, { value, onChange }));
 };
-var styles20 = import_react_native31.StyleSheet.create({
+var styles21 = import_react_native30.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -4219,7 +4264,7 @@ var WacRuleForm = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_native34.View, { style: styles21.container }, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(import_react_native33.View, { style: styles22.container }, /* @__PURE__ */ import_react27.default.createElement(
     PermissionRow,
     {
       displayName: "Public Access",
@@ -4243,7 +4288,7 @@ var WacRuleForm = ({
     }
   ));
 };
-var styles21 = import_react_native33.StyleSheet.create({
+var styles22 = import_react_native32.StyleSheet.create({
   container: {
     gap: 16,
     marginTop: 8,
@@ -4267,8 +4312,9 @@ var SharingModalProvider = ({
   children
 }) => {
   const { targetResource } = useViewContext();
-  const { colors } = (0, import_native17.useTheme)();
+  const { colors } = (0, import_native18.useTheme)();
   const [isOpen, setIsOpen] = (0, import_react28.useState)(false);
+  const [resourceOverride, setResourceOverride] = (0, import_react28.useState)();
   const [wacResult, setWacResult] = (0, import_react28.useState)();
   const [isLoading, setIsLoading] = (0, import_react28.useState)(false);
   const [editedRules, setEditedRules] = (0, import_react28.useState)({
@@ -4276,11 +4322,12 @@ var SharingModalProvider = ({
     authenticated: { read: false, write: false, append: false, control: false },
     agent: {}
   });
-  const { width, height } = (0, import_react_native35.useWindowDimensions)();
+  const { width, height } = (0, import_react_native34.useWindowDimensions)();
+  const activeResource = resourceOverride ?? targetResource;
   (0, import_react28.useEffect)(() => {
-    if (targetResource && targetResource.type !== "InvalidIdentifierResource" && isOpen) {
+    if (isOpen && (activeResource?.type === "SolidContainer" || activeResource?.type === "SolidLeaf")) {
       setIsLoading(true);
-      targetResource.getWac().then((wac) => {
+      activeResource.getWac().then((wac) => {
         setWacResult(
           wac
         );
@@ -4290,7 +4337,7 @@ var SharingModalProvider = ({
         setIsLoading(false);
       });
     }
-  }, [targetResource, isOpen]);
+  }, [activeResource, isOpen]);
   const didEdit = (0, import_react28.useMemo)(() => {
     if (wacResult?.type !== "getWacRuleSuccess") return false;
     return !(0, import_lodash.isEqual)(editedRules, wacResult.wacRule);
@@ -4298,19 +4345,26 @@ var SharingModalProvider = ({
   const context = (0, import_react28.useMemo)(
     () => ({
       isModalOpen: isOpen,
-      openSharingModal: () => setIsOpen(true),
-      closeSharingModal: () => setIsOpen(false)
+      openSharingModal: (resource) => {
+        setResourceOverride(resource);
+        setIsOpen(true);
+      },
+      closeSharingModal: () => {
+        setIsOpen(false);
+        setResourceOverride(void 0);
+      }
     }),
     [isOpen]
   );
   const onApplyChanges = (0, import_react28.useCallback)(async () => {
-    if (didEdit && (targetResource?.type === "SolidContainer" || targetResource?.type === "SolidLeaf")) {
+    if (didEdit && (activeResource?.type === "SolidContainer" || activeResource?.type === "SolidLeaf")) {
       setIsLoading(true);
-      const result = await targetResource.setWac(editedRules);
+      const result = await activeResource.setWac(editedRules);
       setIsLoading(false);
     }
     setIsOpen(false);
-  }, [editedRules, targetResource, didEdit]);
+    setResourceOverride(void 0);
+  }, [editedRules, activeResource, didEdit]);
   return /* @__PURE__ */ import_react28.default.createElement(sharingModalContext.Provider, { value: context }, /* @__PURE__ */ import_react28.default.createElement(Dialog, { open: isOpen, onOpenChange: (value) => setIsOpen(value) }, /* @__PURE__ */ import_react28.default.createElement(
     DialogContent,
     {
@@ -4322,9 +4376,9 @@ var SharingModalProvider = ({
     /* @__PURE__ */ import_react28.default.createElement(LoadingBar, { isLoading }),
     /* @__PURE__ */ import_react28.default.createElement(DialogHeader, null, /* @__PURE__ */ import_react28.default.createElement(DialogTitle, null, "Resource Sharing Preferences")),
     /* @__PURE__ */ import_react28.default.createElement(
-      import_react_native36.ScrollView,
+      import_react_native35.ScrollView,
       {
-        style: [{ borderColor: colors.border }, styles22.scrollView]
+        style: [{ borderColor: colors.border }, styles23.scrollView]
       },
       (() => {
         if (!wacResult) return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null);
@@ -4343,11 +4397,10 @@ var SharingModalProvider = ({
     ))
   )), children);
 };
-var styles22 = import_react_native35.StyleSheet.create({
+var styles23 = import_react_native34.StyleSheet.create({
   scrollView: {
     flex: 1,
     borderTopWidth: 1,
-    borderBottomWidth: 1,
     paddingTop: 8,
     paddingBottom: 8,
     marginLeft: -24,
@@ -4359,33 +4412,26 @@ var styles22 = import_react_native35.StyleSheet.create({
 
 // components/nav/header/Header.tsx
 var Header = () => {
-  const { session } = (0, import_solid_react8.useSolidAuth)();
+  const { session } = (0, import_solid_react7.useSolidAuth)();
   const { openSharingModal } = useSharingModal();
-  const { colors } = (0, import_native18.useTheme)();
-  return /* @__PURE__ */ import_react29.default.createElement(
-    Card,
+  const { targetResource } = useViewContext();
+  const handleShare = () => {
+    if (targetResource?.type === "SolidLeaf" || targetResource?.type === "SolidContainer") {
+      openSharingModal(targetResource);
+    }
+  };
+  return /* @__PURE__ */ import_react29.default.createElement(Card, { style: styles24.card }, /* @__PURE__ */ import_react29.default.createElement(AddressBox, null), session.isActive && /* @__PURE__ */ import_react29.default.createElement(
+    Button,
     {
-      style: [
-        styles23.card,
-        { borderBottomWidth: 1, borderBottomColor: colors.border }
-      ]
-    },
-    /* @__PURE__ */ import_react29.default.createElement(AddressBox, null),
-    session.isLoggedIn && /* @__PURE__ */ import_react29.default.createElement(
-      Button,
-      {
-        key: "setMemu",
-        variant: "ghost",
-        style: styles23.shareButton,
-        onPress: openSharingModal,
-        iconLeft: import_lucide_react_native31.UserPlus
-      }
-    ),
-    /* @__PURE__ */ import_react29.default.createElement(ViewMenu, null),
-    session.isLoggedIn ? /* @__PURE__ */ import_react29.default.createElement(AvatarMenu, null) : /* @__PURE__ */ import_react29.default.createElement(SignInMenu, null)
-  );
+      key: "setMemu",
+      variant: "ghost",
+      style: styles24.shareButton,
+      onPress: handleShare,
+      iconLeft: import_lucide_react_native31.UserPlus
+    }
+  ), /* @__PURE__ */ import_react29.default.createElement(ViewMenu, null), session.isActive ? /* @__PURE__ */ import_react29.default.createElement(AvatarMenu, null) : /* @__PURE__ */ import_react29.default.createElement(SignInMenu, null));
 };
-var styles23 = import_react_native37.StyleSheet.create({
+var styles24 = import_react_native36.StyleSheet.create({
   card: {
     height: 56,
     flexDirection: "row",
@@ -4406,11 +4452,11 @@ var styles23 = import_react_native37.StyleSheet.create({
 });
 
 // components/nav/Layout.tsx
-var import_react_native39 = require("react-native");
+var import_react_native38 = require("react-native");
 
 // components/nav/DialogProvider.tsx
 var import_react30 = __toESM(require("react"));
-var import_react_native38 = require("react-native");
+var import_react_native37 = require("react-native");
 var DialogContext = (0, import_react30.createContext)(null);
 var useDialog = () => {
   const ctx = (0, import_react30.useContext)(DialogContext);
@@ -4465,7 +4511,7 @@ var DialogProvider = ({
     setVisible(false);
     resolver.current?.(options?.type === "confirm" ? true : inputValue);
   };
-  return /* @__PURE__ */ import_react30.default.createElement(DialogContext.Provider, { value: { showDialog, prompt, confirm } }, children, /* @__PURE__ */ import_react30.default.createElement(Dialog, { open: visible, onOpenChange: setVisible }, /* @__PURE__ */ import_react30.default.createElement(DialogContent, null, /* @__PURE__ */ import_react30.default.createElement(DialogHeader, null, /* @__PURE__ */ import_react30.default.createElement(DialogTitle, null, options?.title), options?.message && /* @__PURE__ */ import_react30.default.createElement(DialogDescription, null, options.message)), options?.type === "prompt" && /* @__PURE__ */ import_react30.default.createElement(import_react_native38.View, { className: "my-2" }, /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(DialogContext.Provider, { value: { showDialog, prompt, confirm } }, children, /* @__PURE__ */ import_react30.default.createElement(Dialog, { open: visible, onOpenChange: setVisible }, /* @__PURE__ */ import_react30.default.createElement(DialogContent, null, /* @__PURE__ */ import_react30.default.createElement(DialogHeader, null, /* @__PURE__ */ import_react30.default.createElement(DialogTitle, null, options?.title), options?.message && /* @__PURE__ */ import_react30.default.createElement(DialogDescription, null, options.message)), options?.type === "prompt" && /* @__PURE__ */ import_react30.default.createElement(import_react_native37.View, { className: "my-2" }, /* @__PURE__ */ import_react30.default.createElement(
     Input,
     {
       value: inputValue,
@@ -4479,22 +4525,22 @@ var DialogProvider = ({
 };
 
 // components/nav/Layout.tsx
-var import_solid_react9 = require("@ldo/solid-react");
+var import_solid_react8 = require("@ldo/solid-react");
 var import_native19 = require("@react-navigation/native");
 var ValidViewContext = (0, import_react31.createContext)({});
 var Layout = () => {
-  const { ranInitialAuthCheck } = (0, import_solid_react9.useSolidAuth)();
+  const { ranInitialAuthCheck } = (0, import_solid_react8.useSolidAuth)();
   const { colors } = (0, import_native19.useTheme)();
   if (!ranInitialAuthCheck) {
     return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null);
   }
   return /* @__PURE__ */ import_react31.default.createElement(DialogProvider, null, /* @__PURE__ */ import_react31.default.createElement(ViewContextProvider, null, /* @__PURE__ */ import_react31.default.createElement(SharingModalProvider, null, /* @__PURE__ */ import_react31.default.createElement(
-    import_react_native39.View,
+    import_react_native38.View,
     {
-      style: [styles24.container, { backgroundColor: colors.background }]
+      style: [styles25.container, { backgroundColor: colors.background }]
     },
     /* @__PURE__ */ import_react31.default.createElement(Header, null),
-    /* @__PURE__ */ import_react31.default.createElement(import_react_native39.View, { style: styles24.contentView }, /* @__PURE__ */ import_react31.default.createElement(RenderView, null))
+    /* @__PURE__ */ import_react31.default.createElement(import_react_native38.View, { style: styles25.contentView }, /* @__PURE__ */ import_react31.default.createElement(RenderView, null))
   ))));
 };
 var RenderView = () => {
@@ -4507,7 +4553,7 @@ var RenderView = () => {
   const CurView = viewToRender.view;
   return /* @__PURE__ */ import_react31.default.createElement(CurView, null);
 };
-var styles24 = import_react_native39.StyleSheet.create({
+var styles25 = import_react_native38.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -4520,22 +4566,22 @@ var styles24 = import_react_native39.StyleSheet.create({
 // components/DataBrowser.tsx
 var import_portal = require("@rn-primitives/portal");
 var import_react_native_notifier = require("react-native-notifier");
-var import_react_native40 = require("react-native");
+var import_react_native39 = require("react-native");
 var DataBrowser = (props) => {
   const providerProps = (0, import_react32.useMemo)(() => {
     return {
-      origin: import_react_native40.Platform.OS === "web" && !props.origin ? window.location.origin : void 0,
+      origin: import_react_native39.Platform.OS === "web" && !props.origin ? window.location.origin : void 0,
       defaultIssuer: props.mode === "server-ui" ? window.location.origin : "https://solidcommunity.net",
       ...props
     };
   }, [props]);
-  return /* @__PURE__ */ import_react33.default.createElement(ThemeProvider, null, /* @__PURE__ */ import_react33.default.createElement(import_solid_react10.BrowserSolidLdoProvider, null, /* @__PURE__ */ import_react33.default.createElement(import_react_native_notifier.NotifierWrapper, null, /* @__PURE__ */ import_react33.default.createElement(DataBrowserConfigContext.Provider, { value: providerProps }, /* @__PURE__ */ import_react33.default.createElement(TargetResourceProvider, null, /* @__PURE__ */ import_react33.default.createElement(Layout, null), /* @__PURE__ */ import_react33.default.createElement(import_portal.PortalHost, null))))));
+  return /* @__PURE__ */ import_react33.default.createElement(ThemeProvider, null, /* @__PURE__ */ import_react33.default.createElement(import_solid_react9.BrowserSolidLdoProvider, null, /* @__PURE__ */ import_react33.default.createElement(import_react_native_notifier.NotifierWrapper, null, /* @__PURE__ */ import_react33.default.createElement(DataBrowserConfigContext.Provider, { value: providerProps }, /* @__PURE__ */ import_react33.default.createElement(TargetResourceProvider, null, /* @__PURE__ */ import_react33.default.createElement(Layout, null), /* @__PURE__ */ import_react33.default.createElement(import_portal.PortalHost, null))))));
 };
 
 // components/ui/accordion.tsx
 var AccordionPrimitive = __toESM(require("@rn-primitives/accordion"));
 var React37 = __toESM(require("react"));
-var import_react_native41 = require("react-native");
+var import_react_native40 = require("react-native");
 var import_react_native_reanimated3 = __toESM(require("react-native-reanimated"));
 var import_lucide_react_native32 = require("lucide-react-native");
 var import_native20 = require("@react-navigation/native");
@@ -4547,7 +4593,7 @@ function Accordion({
     AccordionPrimitive.Root,
     {
       ...props,
-      asChild: import_react_native41.Platform.OS !== "web"
+      asChild: import_react_native40.Platform.OS !== "web"
     },
     /* @__PURE__ */ React37.createElement(import_react_native_reanimated3.default.View, { layout: import_react_native_reanimated3.LinearTransition.duration(200) }, children)
   ));
@@ -4561,14 +4607,14 @@ function AccordionItem({
   return /* @__PURE__ */ React37.createElement(
     import_react_native_reanimated3.default.View,
     {
-      style: [styles25.itemContainer, { overflow: "hidden" }],
+      style: [styles26.itemContainer, { overflow: "hidden" }],
       layout: import_react_native_reanimated3.LinearTransition.duration(200)
     },
     /* @__PURE__ */ React37.createElement(
       AccordionPrimitive.Item,
       {
-        style: import_react_native41.StyleSheet.flatten([
-          styles25.item,
+        style: import_react_native40.StyleSheet.flatten([
+          styles26.item,
           { borderBottomColor: colors.border },
           style
         ]),
@@ -4578,7 +4624,7 @@ function AccordionItem({
     )
   );
 }
-var Trigger4 = import_react_native41.Platform.OS === "web" ? import_react_native41.View : import_react_native41.Pressable;
+var Trigger4 = import_react_native40.Platform.OS === "web" ? import_react_native40.View : import_react_native40.Pressable;
 function AccordionTrigger({
   style,
   children,
@@ -4594,16 +4640,16 @@ function AccordionTrigger({
     opacity: (0, import_react_native_reanimated3.interpolate)(progress.value, [0, 1], [1, 0.8], import_react_native_reanimated3.Extrapolation.CLAMP)
   }));
   const textStyles2 = {
-    fontSize: import_react_native41.Platform.OS === "web" ? 16 : 18,
+    fontSize: import_react_native40.Platform.OS === "web" ? 16 : 18,
     fontWeight: "500",
     color: colors.text
   };
-  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles25.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles26.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
     Trigger4,
     {
-      style: import_react_native41.StyleSheet.flatten([
-        styles25.trigger,
-        { flex: import_react_native41.Platform.OS === "web" ? 1 : void 0 },
+      style: import_react_native40.StyleSheet.flatten([
+        styles26.trigger,
+        { flex: import_react_native40.Platform.OS === "web" ? 1 : void 0 },
         style
       ])
     },
@@ -4618,40 +4664,40 @@ function AccordionContent({
 }) {
   const { colors } = (0, import_native20.useTheme)();
   const textStyles2 = {
-    fontSize: import_react_native41.Platform.OS === "web" ? 14 : 18,
+    fontSize: import_react_native40.Platform.OS === "web" ? 14 : 18,
     color: colors.text
   };
   return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(
     AccordionPrimitive.Content,
     {
-      style: import_react_native41.StyleSheet.flatten([
-        styles25.content,
+      style: import_react_native40.StyleSheet.flatten([
+        styles26.content,
         { overflow: "hidden" },
         style
       ]),
       ...props
     },
-    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles25.innerContent }, children)
+    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles26.innerContent }, children)
   ));
 }
 function InnerContent({
   children,
   style
 }) {
-  if (import_react_native41.Platform.OS === "web") {
-    return /* @__PURE__ */ React37.createElement(import_react_native41.View, { style: import_react_native41.StyleSheet.flatten([styles25.innerContent, style]) }, children);
+  if (import_react_native40.Platform.OS === "web") {
+    return /* @__PURE__ */ React37.createElement(import_react_native40.View, { style: import_react_native40.StyleSheet.flatten([styles26.innerContent, style]) }, children);
   }
   return /* @__PURE__ */ React37.createElement(
     import_react_native_reanimated3.default.View,
     {
       entering: import_react_native_reanimated3.FadeIn,
       exiting: import_react_native_reanimated3.FadeOutUp.duration(200),
-      style: import_react_native41.StyleSheet.flatten([styles25.innerContent, style])
+      style: import_react_native40.StyleSheet.flatten([styles26.innerContent, style])
     },
     children
   );
 }
-var styles25 = import_react_native41.StyleSheet.create({
+var styles26 = import_react_native40.StyleSheet.create({
   itemContainer: {
     overflow: "hidden"
   },
@@ -4678,7 +4724,7 @@ var styles25 = import_react_native41.StyleSheet.create({
 // components/ui/alert.tsx
 var import_native21 = require("@react-navigation/native");
 var React38 = __toESM(require("react"));
-var import_react_native42 = require("react-native");
+var import_react_native41 = require("react-native");
 function Alert({
   style,
   variant = "default",
@@ -4694,9 +4740,9 @@ function Alert({
       borderColor: variant === "destructive" ? colors.notification : colors.border,
       shadowColor: colors.text
     };
-    return import_react_native42.StyleSheet.flatten([styles26.base, baseAlertStyles, style]);
+    return import_react_native41.StyleSheet.flatten([styles27.base, baseAlertStyles, style]);
   };
-  return /* @__PURE__ */ React38.createElement(import_react_native42.View, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(import_react_native42.View, { style: styles26.icon }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement(import_react_native41.View, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(import_react_native41.View, { style: styles27.icon }, /* @__PURE__ */ React38.createElement(
     Icon2,
     {
       size: iconSize,
@@ -4709,7 +4755,7 @@ function AlertTitle({ style, ...props }) {
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: import_react_native42.StyleSheet.flatten([styles26.title, { color: colors.text }, style]),
+      style: import_react_native41.StyleSheet.flatten([styles27.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -4722,8 +4768,8 @@ function AlertDescription({
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: import_react_native42.StyleSheet.flatten([
-        styles26.description,
+      style: import_react_native41.StyleSheet.flatten([
+        styles27.description,
         { color: colors.text },
         style
       ]),
@@ -4731,7 +4777,7 @@ function AlertDescription({
     }
   );
 }
-var styles26 = import_react_native42.StyleSheet.create({
+var styles27 = import_react_native41.StyleSheet.create({
   base: {
     position: "relative",
     width: "100%",
@@ -4777,11 +4823,11 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // components/ui/badge.tsx
 var import_react34 = __toESM(require("react"));
 var Slot2 = __toESM(require("@rn-primitives/slot"));
-var import_react_native43 = require("react-native");
+var import_react_native42 = require("react-native");
 var import_native22 = require("@react-navigation/native");
 function Badge({ style, variant = "default", asChild, ...props }) {
   const { colors } = (0, import_native22.useTheme)();
-  const Component = asChild ? Slot2.View : import_react_native43.View;
+  const Component = asChild ? Slot2.View : import_react_native42.View;
   const getVariantStyles = () => {
     switch (variant) {
       case "default":
@@ -4813,18 +4859,18 @@ function Badge({ style, variant = "default", asChild, ...props }) {
         return colors.background;
     }
   };
-  const badgeStyle = import_react_native43.StyleSheet.flatten([
-    styles27.base,
+  const badgeStyle = import_react_native42.StyleSheet.flatten([
+    styles28.base,
     getVariantStyles(),
     style
   ]);
-  const textStyle = import_react_native43.StyleSheet.flatten([
+  const textStyle = import_react_native42.StyleSheet.flatten([
     textStyles.base,
     { color: getTextColor() }
   ]);
   return /* @__PURE__ */ import_react34.default.createElement(TextStyleProvider, { style: textStyle }, /* @__PURE__ */ import_react34.default.createElement(Component, { style: badgeStyle, ...props }));
 }
-var styles27 = import_react_native43.StyleSheet.create({
+var styles28 = import_react_native42.StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -4834,7 +4880,7 @@ var styles27 = import_react_native43.StyleSheet.create({
     paddingVertical: 2
   }
 });
-var textStyles = import_react_native43.StyleSheet.create({
+var textStyles = import_react_native42.StyleSheet.create({
   base: {
     fontSize: 12,
     fontWeight: "600"
@@ -4850,7 +4896,7 @@ var CollapsibleContent = CollapsiblePrimitive.Content;
 // components/ui/context-menu.tsx
 var ContextMenuPrimitive = __toESM(require("@rn-primitives/context-menu"));
 var React40 = __toESM(require("react"));
-var import_react_native44 = require("react-native");
+var import_react_native43 = require("react-native");
 var import_lucide_react_native33 = require("lucide-react-native");
 var import_lucide_react_native34 = require("lucide-react-native");
 var import_lucide_react_native35 = require("lucide-react-native");
@@ -4869,28 +4915,28 @@ function ContextMenuSubTrigger({
 }) {
   const { colors } = (0, import_native23.useTheme)();
   const { open } = ContextMenuPrimitive.useSubContext();
-  const Icon2 = import_react_native44.Platform.OS === "web" ? import_lucide_react_native35.ChevronRight : open ? import_lucide_react_native36.ChevronUp : import_lucide_react_native34.ChevronDown;
+  const Icon2 = import_react_native43.Platform.OS === "web" ? import_lucide_react_native35.ChevronRight : open ? import_lucide_react_native36.ChevronUp : import_lucide_react_native34.ChevronDown;
   const textStyles2 = {
-    fontSize: import_react_native44.Platform.OS === "web" ? 14 : 18,
+    fontSize: import_react_native43.Platform.OS === "web" ? 14 : 18,
     color: open ? colors.primary : colors.primary
   };
-  const triggerStyles = import_react_native44.StyleSheet.flatten([
-    styles28.subTrigger,
+  const triggerStyles = import_react_native43.StyleSheet.flatten([
+    styles29.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles28.icon })));
+  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles29.icon })));
 }
 function ContextMenuSubContent({
   style,
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const contentStyles = import_react_native44.StyleSheet.flatten([
-    styles28.subContent,
+  const contentStyles = import_react_native43.StyleSheet.flatten([
+    styles29.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4907,8 +4953,8 @@ function ContextMenuContent({
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const contentStyles = import_react_native44.StyleSheet.flatten([
-    styles28.content,
+  const contentStyles = import_react_native43.StyleSheet.flatten([
+    styles29.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4919,10 +4965,10 @@ function ContextMenuContent({
   return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React40.createElement(
     ContextMenuPrimitive.Overlay,
     {
-      style: overlayStyle ? import_react_native44.StyleSheet.flatten([
-        import_react_native44.Platform.OS !== "web" ? import_react_native44.StyleSheet.absoluteFill : void 0,
+      style: overlayStyle ? import_react_native43.StyleSheet.flatten([
+        import_react_native43.Platform.OS !== "web" ? import_react_native43.StyleSheet.absoluteFill : void 0,
         overlayStyle
-      ]) : import_react_native44.Platform.OS !== "web" ? import_react_native44.StyleSheet.absoluteFill : void 0
+      ]) : import_react_native43.Platform.OS !== "web" ? import_react_native43.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Content, { style: contentStyles, ...props })
   ));
@@ -4934,11 +4980,11 @@ function ContextMenuItem({
 }) {
   const { colors } = (0, import_native23.useTheme)();
   const textStyles2 = {
-    fontSize: import_react_native44.Platform.OS === "web" ? 14 : 18,
+    fontSize: import_react_native43.Platform.OS === "web" ? 14 : 18,
     color: colors.text
   };
-  const itemStyles = import_react_native44.StyleSheet.flatten([
-    styles28.item,
+  const itemStyles = import_react_native43.StyleSheet.flatten([
+    styles29.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -4953,14 +4999,14 @@ function ContextMenuCheckboxItem({
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const checkboxStyles = import_react_native44.StyleSheet.flatten([
-    styles28.checkboxItem,
+  const checkboxStyles = import_react_native43.StyleSheet.flatten([
+    styles29.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles28.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_lucide_react_native33.Check, { size: 14, strokeWidth: 3, color: colors.text }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native43.View, { style: styles29.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_lucide_react_native33.Check, { size: 14, strokeWidth: 3, color: colors.text }))), children);
 }
 function ContextMenuRadioItem({
   style,
@@ -4968,14 +5014,14 @@ function ContextMenuRadioItem({
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const radioStyles = import_react_native44.StyleSheet.flatten([
-    styles28.radioItem,
+  const radioStyles = import_react_native43.StyleSheet.flatten([
+    styles29.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: styles28.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: [styles28.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(import_react_native43.View, { style: styles29.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_react_native43.View, { style: [styles29.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function ContextMenuLabel({
   style,
@@ -4983,8 +5029,8 @@ function ContextMenuLabel({
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const labelStyles = import_react_native44.StyleSheet.flatten([
-    styles28.label,
+  const labelStyles = import_react_native43.StyleSheet.flatten([
+    styles29.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -4998,8 +5044,8 @@ function ContextMenuSeparator({
   ...props
 }) {
   const { colors } = (0, import_native23.useTheme)();
-  const separatorStyles = import_react_native44.StyleSheet.flatten([
-    styles28.separator,
+  const separatorStyles = import_react_native43.StyleSheet.flatten([
+    styles29.separator,
     {
       backgroundColor: colors.border
     },
@@ -5009,16 +5055,16 @@ function ContextMenuSeparator({
 }
 function ContextMenuShortcut({ style, ...props }) {
   const { colors } = (0, import_native23.useTheme)();
-  const shortcutStyles = import_react_native44.StyleSheet.flatten([
-    styles28.shortcut,
+  const shortcutStyles = import_react_native43.StyleSheet.flatten([
+    styles29.shortcut,
     {
       color: colors.text
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(import_react_native44.Text, { style: shortcutStyles, ...props });
+  return /* @__PURE__ */ React40.createElement(import_react_native43.Text, { style: shortcutStyles, ...props });
 }
-var styles28 = import_react_native44.StyleSheet.create({
+var styles29 = import_react_native43.StyleSheet.create({
   subTrigger: {
     flexDirection: "row",
     alignItems: "center",
@@ -5103,7 +5149,7 @@ var styles28 = import_react_native44.StyleSheet.create({
   label: {
     paddingHorizontal: 8,
     paddingVertical: 6,
-    fontSize: import_react_native44.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native43.Platform.OS === "web" ? 14 : 16,
     fontWeight: "600"
   },
   separator: {
@@ -5113,7 +5159,7 @@ var styles28 = import_react_native44.StyleSheet.create({
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: import_react_native44.Platform.OS === "web" ? 12 : 14,
+    fontSize: import_react_native43.Platform.OS === "web" ? 12 : 14,
     letterSpacing: 1
   }
 });
@@ -5121,7 +5167,7 @@ var styles28 = import_react_native44.StyleSheet.create({
 // components/ui/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@rn-primitives/hover-card"));
 var React41 = __toESM(require("react"));
-var import_react_native45 = require("react-native");
+var import_react_native44 = require("react-native");
 var import_react_native_reanimated4 = __toESM(require("react-native-reanimated"));
 var import_native24 = require("@react-navigation/native");
 var HoverCard = HoverCardPrimitive.Root;
@@ -5133,8 +5179,8 @@ function HoverCardContent({
   ...props
 }) {
   const { colors } = (0, import_native24.useTheme)();
-  const contentStyles = import_react_native45.StyleSheet.flatten([
-    styles29.content,
+  const contentStyles = import_react_native44.StyleSheet.flatten([
+    styles30.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5148,7 +5194,7 @@ function HoverCardContent({
   return /* @__PURE__ */ React41.createElement(HoverCardPrimitive.Portal, null, /* @__PURE__ */ React41.createElement(
     HoverCardPrimitive.Overlay,
     {
-      style: import_react_native45.Platform.OS !== "web" ? import_react_native45.StyleSheet.absoluteFill : void 0
+      style: import_react_native44.Platform.OS !== "web" ? import_react_native44.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ React41.createElement(import_react_native_reanimated4.default.View, { entering: import_react_native_reanimated4.FadeIn }, /* @__PURE__ */ React41.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React41.createElement(
       HoverCardPrimitive.Content,
@@ -5161,7 +5207,7 @@ function HoverCardContent({
     )))
   ));
 }
-var styles29 = import_react_native45.StyleSheet.create({
+var styles30 = import_react_native44.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 256,
@@ -5178,7 +5224,7 @@ var styles29 = import_react_native45.StyleSheet.create({
 // components/ui/label.tsx
 var LabelPrimitive = __toESM(require("@rn-primitives/label"));
 var React42 = __toESM(require("react"));
-var import_react_native46 = require("react-native");
+var import_react_native45 = require("react-native");
 function Label3({
   style,
   onPress,
@@ -5190,7 +5236,7 @@ function Label3({
   return /* @__PURE__ */ React42.createElement(
     LabelPrimitive.Root,
     {
-      style: styles30.root,
+      style: styles31.root,
       onPress,
       onLongPress,
       onPressIn,
@@ -5199,13 +5245,13 @@ function Label3({
     /* @__PURE__ */ React42.createElement(
       LabelPrimitive.Text,
       {
-        style: import_react_native46.StyleSheet.flatten([styles30.text, style]),
+        style: import_react_native45.StyleSheet.flatten([styles31.text, style]),
         ...props
       }
     )
   );
 }
-var styles30 = import_react_native46.StyleSheet.create({
+var styles31 = import_react_native45.StyleSheet.create({
   root: {
     // web:cursor-default - handled by platform
   },
@@ -5222,7 +5268,7 @@ var styles30 = import_react_native46.StyleSheet.create({
 // components/ui/menubar.tsx
 var MenubarPrimitive = __toESM(require("@rn-primitives/menubar"));
 var React43 = __toESM(require("react"));
-var import_react_native47 = require("react-native");
+var import_react_native46 = require("react-native");
 var import_lucide_react_native37 = require("lucide-react-native");
 var import_lucide_react_native38 = require("lucide-react-native");
 var import_lucide_react_native39 = require("lucide-react-native");
@@ -5238,8 +5284,8 @@ function Menubar({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const rootStyles = import_react_native47.StyleSheet.flatten([
-    styles31.root,
+  const rootStyles = import_react_native46.StyleSheet.flatten([
+    styles32.root,
     {
       backgroundColor: colors.background,
       borderColor: colors.border
@@ -5255,8 +5301,8 @@ function MenubarTrigger({
   const { colors } = (0, import_native25.useTheme)();
   const { value } = MenubarPrimitive.useRootContext();
   const { value: itemValue } = MenubarPrimitive.useMenuContext();
-  const triggerStyles = import_react_native47.StyleSheet.flatten([
-    styles31.trigger,
+  const triggerStyles = import_react_native46.StyleSheet.flatten([
+    styles32.trigger,
     {
       backgroundColor: value === itemValue ? colors.border : "transparent",
       color: value === itemValue ? colors.text : colors.text
@@ -5273,28 +5319,28 @@ function MenubarSubTrigger({
 }) {
   const { colors } = (0, import_native25.useTheme)();
   const { open } = MenubarPrimitive.useSubContext();
-  const Icon2 = import_react_native47.Platform.OS === "web" ? import_lucide_react_native39.ChevronRight : open ? import_lucide_react_native40.ChevronUp : import_lucide_react_native38.ChevronDown;
+  const Icon2 = import_react_native46.Platform.OS === "web" ? import_lucide_react_native39.ChevronRight : open ? import_lucide_react_native40.ChevronUp : import_lucide_react_native38.ChevronDown;
   const textStyles2 = {
-    fontSize: import_react_native47.Platform.OS === "web" ? 14 : 18,
+    fontSize: import_react_native46.Platform.OS === "web" ? 14 : 18,
     color: open ? colors.primary : colors.primary
   };
-  const triggerStyles = import_react_native47.StyleSheet.flatten([
-    styles31.subTrigger,
+  const triggerStyles = import_react_native46.StyleSheet.flatten([
+    styles32.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles31.icon })));
+  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles32.icon })));
 }
 function MenubarSubContent({
   style,
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const contentStyles = import_react_native47.StyleSheet.flatten([
-    styles31.subContent,
+  const contentStyles = import_react_native46.StyleSheet.flatten([
+    styles32.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5310,8 +5356,8 @@ function MenubarContent({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const contentStyles = import_react_native47.StyleSheet.flatten([
-    styles31.content,
+  const contentStyles = import_react_native46.StyleSheet.flatten([
+    styles32.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5328,11 +5374,11 @@ function MenubarItem({
 }) {
   const { colors } = (0, import_native25.useTheme)();
   const textStyles2 = {
-    fontSize: import_react_native47.Platform.OS === "web" ? 14 : 18,
+    fontSize: import_react_native46.Platform.OS === "web" ? 14 : 18,
     color: colors.text
   };
-  const itemStyles = import_react_native47.StyleSheet.flatten([
-    styles31.item,
+  const itemStyles = import_react_native46.StyleSheet.flatten([
+    styles32.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -5348,8 +5394,8 @@ function MenubarCheckboxItem({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const checkboxStyles = import_react_native47.StyleSheet.flatten([
-    styles31.checkboxItem,
+  const checkboxStyles = import_react_native46.StyleSheet.flatten([
+    styles32.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
@@ -5362,7 +5408,7 @@ function MenubarCheckboxItem({
       checked,
       ...props
     },
-    /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles31.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_lucide_react_native37.Check, { size: 14, strokeWidth: 3, color: colors.text }))),
+    /* @__PURE__ */ React43.createElement(import_react_native46.View, { style: styles32.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_lucide_react_native37.Check, { size: 14, strokeWidth: 3, color: colors.text }))),
     children
   );
 }
@@ -5372,14 +5418,14 @@ function MenubarRadioItem({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const radioStyles = import_react_native47.StyleSheet.flatten([
-    styles31.radioItem,
+  const radioStyles = import_react_native46.StyleSheet.flatten([
+    styles32.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: styles31.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: [styles31.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(import_react_native46.View, { style: styles32.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_react_native46.View, { style: [styles32.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function MenubarLabel({
   style,
@@ -5387,8 +5433,8 @@ function MenubarLabel({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const labelStyles = import_react_native47.StyleSheet.flatten([
-    styles31.label,
+  const labelStyles = import_react_native46.StyleSheet.flatten([
+    styles32.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -5402,8 +5448,8 @@ function MenubarSeparator({
   ...props
 }) {
   const { colors } = (0, import_native25.useTheme)();
-  const separatorStyles = import_react_native47.StyleSheet.flatten([
-    styles31.separator,
+  const separatorStyles = import_react_native46.StyleSheet.flatten([
+    styles32.separator,
     {
       backgroundColor: colors.border
     },
@@ -5413,19 +5459,19 @@ function MenubarSeparator({
 }
 function MenubarShortcut({ style, ...props }) {
   const { colors } = (0, import_native25.useTheme)();
-  const shortcutStyles = import_react_native47.StyleSheet.flatten([
-    styles31.shortcut,
+  const shortcutStyles = import_react_native46.StyleSheet.flatten([
+    styles32.shortcut,
     {
       color: colors.text
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(import_react_native47.Text, { style: shortcutStyles, ...props });
+  return /* @__PURE__ */ React43.createElement(import_react_native46.Text, { style: shortcutStyles, ...props });
 }
-var styles31 = import_react_native47.StyleSheet.create({
+var styles32 = import_react_native46.StyleSheet.create({
   root: {
     flexDirection: "row",
-    height: import_react_native47.Platform.OS === "web" ? 40 : 48,
+    height: import_react_native46.Platform.OS === "web" ? 40 : 48,
     alignItems: "center",
     gap: 4,
     borderRadius: 6,
@@ -5438,7 +5484,7 @@ var styles31 = import_react_native47.StyleSheet.create({
     borderRadius: 6,
     paddingHorizontal: 12,
     paddingVertical: 6,
-    fontSize: import_react_native47.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native46.Platform.OS === "web" ? 14 : 16,
     fontWeight: "500"
   },
   subTrigger: {
@@ -5522,7 +5568,7 @@ var styles31 = import_react_native47.StyleSheet.create({
   label: {
     paddingHorizontal: 8,
     paddingVertical: 6,
-    fontSize: import_react_native47.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native46.Platform.OS === "web" ? 14 : 16,
     fontWeight: "600"
   },
   separator: {
@@ -5532,7 +5578,7 @@ var styles31 = import_react_native47.StyleSheet.create({
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: import_react_native47.Platform.OS === "web" ? 12 : 14,
+    fontSize: import_react_native46.Platform.OS === "web" ? 12 : 14,
     letterSpacing: 1
   },
   icon: {
@@ -5543,7 +5589,7 @@ var styles31 = import_react_native47.StyleSheet.create({
 // components/ui/navigation-menu.tsx
 var NavigationMenuPrimitive = __toESM(require("@rn-primitives/navigation-menu"));
 var React44 = __toESM(require("react"));
-var import_react_native48 = require("react-native");
+var import_react_native47 = require("react-native");
 var import_lucide_react_native41 = require("lucide-react-native");
 var import_native26 = require("@react-navigation/native");
 function NavigationMenu({
@@ -5554,11 +5600,11 @@ function NavigationMenu({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Root,
     {
-      style: import_react_native48.StyleSheet.flatten([styles32.navigationMenu, style]),
+      style: import_react_native47.StyleSheet.flatten([styles33.navigationMenu, style]),
       ...props
     },
     children,
-    import_react_native48.Platform.OS === "web" && /* @__PURE__ */ React44.createElement(NavigationMenuViewport, null)
+    import_react_native47.Platform.OS === "web" && /* @__PURE__ */ React44.createElement(NavigationMenuViewport, null)
   );
 }
 function NavigationMenuList({
@@ -5568,7 +5614,7 @@ function NavigationMenuList({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.List,
     {
-      style: import_react_native48.StyleSheet.flatten([styles32.navigationMenuList, style]),
+      style: import_react_native47.StyleSheet.flatten([styles33.navigationMenuList, style]),
       ...props
     }
   );
@@ -5584,17 +5630,17 @@ function NavigationMenuTrigger({
   const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
   const isActive = value === itemValue;
   return /* @__PURE__ */ React44.createElement(NavigationMenuPrimitive.Trigger, { asChild: true }, /* @__PURE__ */ React44.createElement(
-    import_react_native48.Pressable,
+    import_react_native47.Pressable,
     {
       style: ({ hovered }) => ({
-        ...styles32.trigger,
+        ...styles33.trigger,
         backgroundColor: isActive ? colors.card : hovered ? colors.border : colors.background,
         ...style
       }),
       ...props
     },
     children,
-    /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles32.chevronContainer }, /* @__PURE__ */ React44.createElement(import_lucide_react_native41.ChevronDown, { size: 12, color: colors.text, "aria-hidden": true }))
+    /* @__PURE__ */ React44.createElement(import_react_native47.View, { style: styles33.chevronContainer }, /* @__PURE__ */ React44.createElement(import_lucide_react_native41.ChevronDown, { size: 12, color: colors.text, "aria-hidden": true }))
   ));
 }
 function NavigationMenuContent({
@@ -5607,8 +5653,8 @@ function NavigationMenuContent({
   return /* @__PURE__ */ React44.createElement(NavigationMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Content,
     {
-      style: import_react_native48.StyleSheet.flatten([
-        styles32.content,
+      style: import_react_native47.StyleSheet.flatten([
+        styles33.content,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5617,7 +5663,7 @@ function NavigationMenuContent({
       ]),
       ...props
     },
-    /* @__PURE__ */ React44.createElement(import_react_native48.View, null, children)
+    /* @__PURE__ */ React44.createElement(import_react_native47.View, null, children)
   ));
 }
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
@@ -5626,11 +5672,11 @@ function NavigationMenuViewport({
   ...props
 }) {
   const { colors } = (0, import_native26.useTheme)();
-  return /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles32.viewportContainer }, /* @__PURE__ */ React44.createElement(
-    import_react_native48.View,
+  return /* @__PURE__ */ React44.createElement(import_react_native47.View, { style: styles33.viewportContainer }, /* @__PURE__ */ React44.createElement(
+    import_react_native47.View,
     {
-      style: import_react_native48.StyleSheet.flatten([
-        styles32.viewport,
+      style: import_react_native47.StyleSheet.flatten([
+        styles33.viewport,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5652,21 +5698,21 @@ function NavigationMenuIndicator({
     NavigationMenuPrimitive.Indicator,
     {
       ref,
-      style: import_react_native48.StyleSheet.flatten([styles32.indicator, style]),
+      style: import_react_native47.StyleSheet.flatten([styles33.indicator, style]),
       ...props
     },
     /* @__PURE__ */ React44.createElement(
-      import_react_native48.View,
+      import_react_native47.View,
       {
-        style: import_react_native48.StyleSheet.flatten([
-          styles32.indicatorArrow,
+        style: import_react_native47.StyleSheet.flatten([
+          styles33.indicatorArrow,
           { backgroundColor: colors.border }
         ])
       }
     )
   );
 }
-var styles32 = import_react_native48.StyleSheet.create({
+var styles33 = import_react_native47.StyleSheet.create({
   navigationMenu: {
     position: "relative",
     zIndex: 10,
@@ -5681,14 +5727,14 @@ var styles32 = import_react_native48.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     gap: 4,
-    ...import_react_native48.Platform.OS === "web" && {
+    ...import_react_native47.Platform.OS === "web" && {
       listStyle: "none"
     }
   },
   trigger: {
     flexDirection: "row",
-    height: import_react_native48.Platform.OS === "web" ? 40 : 48,
-    paddingHorizontal: import_react_native48.Platform.OS === "web" ? 16 : 12,
+    height: import_react_native47.Platform.OS === "web" ? 40 : 48,
+    paddingHorizontal: import_react_native47.Platform.OS === "web" ? 16 : 12,
     paddingVertical: 8,
     alignItems: "center",
     justifyContent: "center",
@@ -5701,7 +5747,7 @@ var styles32 = import_react_native48.StyleSheet.create({
   },
   content: {
     width: "100%",
-    ...import_react_native48.Platform.OS !== "web" && {
+    ...import_react_native47.Platform.OS !== "web" && {
       borderWidth: 1,
       borderRadius: 8,
       shadowColor: "#000",
@@ -5713,7 +5759,7 @@ var styles32 = import_react_native48.StyleSheet.create({
     }
   },
   viewportContainer: {
-    ...import_react_native48.Platform.OS === "web" && {
+    ...import_react_native47.Platform.OS === "web" && {
       position: "fixed",
       right: 0,
       top: 48,
@@ -5724,7 +5770,7 @@ var styles32 = import_react_native48.StyleSheet.create({
     }
   },
   viewport: {
-    ...import_react_native48.Platform.OS === "web" && {
+    ...import_react_native47.Platform.OS === "web" && {
       position: "relative",
       marginTop: 6,
       width: "100%",
@@ -5766,7 +5812,7 @@ var styles32 = import_react_native48.StyleSheet.create({
 // components/ui/popover.tsx
 var import_react35 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@rn-primitives/popover"));
-var import_react_native49 = require("react-native");
+var import_react_native48 = require("react-native");
 var import_react_native_reanimated5 = __toESM(require("react-native-reanimated"));
 var import_native27 = require("@react-navigation/native");
 var Popover = PopoverPrimitive.Root;
@@ -5779,8 +5825,8 @@ function PopoverContent({
   ...props
 }) {
   const { colors } = (0, import_native27.useTheme)();
-  const contentStyles = import_react_native49.StyleSheet.flatten([
-    styles33.content,
+  const contentStyles = import_react_native48.StyleSheet.flatten([
+    styles34.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5794,7 +5840,7 @@ function PopoverContent({
   return /* @__PURE__ */ import_react35.default.createElement(PopoverPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ import_react35.default.createElement(
     PopoverPrimitive.Overlay,
     {
-      style: import_react_native49.Platform.OS !== "web" ? import_react_native49.StyleSheet.absoluteFill : void 0
+      style: import_react_native48.Platform.OS !== "web" ? import_react_native48.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ import_react35.default.createElement(import_react_native_reanimated5.default.View, { entering: import_react_native_reanimated5.FadeIn.duration(200), exiting: import_react_native_reanimated5.FadeOut }, /* @__PURE__ */ import_react35.default.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ import_react35.default.createElement(
       PopoverPrimitive.Content,
@@ -5807,7 +5853,7 @@ function PopoverContent({
     )))
   ));
 }
-var styles33 = import_react_native49.StyleSheet.create({
+var styles34 = import_react_native48.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 288,
@@ -5824,7 +5870,7 @@ var styles33 = import_react_native49.StyleSheet.create({
 // components/ui/progress.tsx
 var ProgressPrimitive = __toESM(require("@rn-primitives/progress"));
 var React46 = __toESM(require("react"));
-var import_react_native50 = require("react-native");
+var import_react_native49 = require("react-native");
 var import_react_native_reanimated6 = __toESM(require("react-native-reanimated"));
 var import_native28 = require("@react-navigation/native");
 function Progress({
@@ -5834,8 +5880,8 @@ function Progress({
   ...props
 }) {
   const { colors } = (0, import_native28.useTheme)();
-  const progressStyles = import_react_native50.StyleSheet.flatten([
-    styles34.progress,
+  const progressStyles = import_react_native49.StyleSheet.flatten([
+    styles35.progress,
     { backgroundColor: colors.border },
     style
   ]);
@@ -5855,12 +5901,12 @@ function Indicator4({
       )
     };
   });
-  if (import_react_native50.Platform.OS === "web") {
+  if (import_react_native49.Platform.OS === "web") {
     return /* @__PURE__ */ React46.createElement(
-      import_react_native50.View,
+      import_react_native49.View,
       {
-        style: import_react_native50.StyleSheet.flatten([
-          styles34.indicatorWeb,
+        style: import_react_native49.StyleSheet.flatten([
+          styles35.indicatorWeb,
           {
             transform: `translateX(-${100 - (value ?? 0)}%)`,
             backgroundColor: colors.primary
@@ -5874,16 +5920,16 @@ function Indicator4({
   return /* @__PURE__ */ React46.createElement(ProgressPrimitive.Indicator, { asChild: true }, /* @__PURE__ */ React46.createElement(
     import_react_native_reanimated6.default.View,
     {
-      style: import_react_native50.StyleSheet.flatten([
+      style: import_react_native49.StyleSheet.flatten([
         indicator,
-        styles34.indicator,
+        styles35.indicator,
         { backgroundColor: colors.primary },
         style
       ])
     }
   ));
 }
-var styles34 = import_react_native50.StyleSheet.create({
+var styles35 = import_react_native49.StyleSheet.create({
   progress: {
     position: "relative",
     height: 16,
@@ -5904,7 +5950,7 @@ var styles34 = import_react_native50.StyleSheet.create({
 // components/ui/radio-group.tsx
 var import_react36 = __toESM(require("react"));
 var RadioGroupPrimitive = __toESM(require("@rn-primitives/radio-group"));
-var import_react_native51 = require("react-native");
+var import_react_native50 = require("react-native");
 var import_native29 = require("@react-navigation/native");
 function RadioGroup4({
   style,
@@ -5913,7 +5959,7 @@ function RadioGroup4({
   return /* @__PURE__ */ import_react36.default.createElement(
     RadioGroupPrimitive.Root,
     {
-      style: import_react_native51.StyleSheet.flatten([styles35.root, style]),
+      style: import_react_native50.StyleSheet.flatten([styles36.root, style]),
       ...props
     }
   );
@@ -5923,27 +5969,27 @@ function RadioGroupItem({
   ...props
 }) {
   const { colors } = (0, import_native29.useTheme)();
-  const itemStyles = import_react_native51.StyleSheet.flatten([
-    styles35.item,
+  const itemStyles = import_react_native50.StyleSheet.flatten([
+    styles36.item,
     {
       borderColor: colors.primary,
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  const indicatorStyles = import_react_native51.StyleSheet.flatten([
-    styles35.indicator,
+  const indicatorStyles = import_react_native50.StyleSheet.flatten([
+    styles36.indicator,
     { backgroundColor: colors.primary }
   ]);
-  return /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Indicator, { style: styles35.indicatorContainer }, /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: indicatorStyles })));
+  return /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupPrimitive.Indicator, { style: styles36.indicatorContainer }, /* @__PURE__ */ import_react36.default.createElement(import_react_native50.View, { style: indicatorStyles })));
 }
 function RadioGroupItemWithLabel({
   value,
   children
 }) {
-  return /* @__PURE__ */ import_react36.default.createElement(import_react_native51.View, { style: styles35.itemWithLabel }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ import_react36.default.createElement(Label3, { nativeID: `label-for-${value}`, style: styles35.label }, children));
+  return /* @__PURE__ */ import_react36.default.createElement(import_react_native50.View, { style: styles36.itemWithLabel }, /* @__PURE__ */ import_react36.default.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ import_react36.default.createElement(Label3, { nativeID: `label-for-${value}`, style: styles36.label }, children));
 }
-var styles35 = import_react_native51.StyleSheet.create({
+var styles36 = import_react_native50.StyleSheet.create({
   root: {
     gap: 8
   },
@@ -5981,7 +6027,7 @@ var styles35 = import_react_native51.StyleSheet.create({
 // components/ui/select.tsx
 var SelectPrimitive = __toESM(require("@rn-primitives/select"));
 var React48 = __toESM(require("react"));
-var import_react_native52 = require("react-native");
+var import_react_native51 = require("react-native");
 var import_react_native_reanimated7 = __toESM(require("react-native-reanimated"));
 var import_lucide_react_native42 = require("lucide-react-native");
 var import_lucide_react_native43 = require("lucide-react-native");
@@ -5995,43 +6041,43 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  const triggerStyle = import_react_native52.StyleSheet.flatten([
-    styles36.trigger,
-    props.disabled && styles36.triggerDisabled,
+  const triggerStyle = import_react_native51.StyleSheet.flatten([
+    styles37.trigger,
+    props.disabled && styles37.triggerDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 16, "aria-hidden": true, style: styles36.chevron }));
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 16, "aria-hidden": true, style: styles37.chevron }));
 }
 function SelectScrollUpButton({
   style,
   ...props
 }) {
-  if (import_react_native52.Platform.OS !== "web") {
+  if (import_react_native51.Platform.OS !== "web") {
     return null;
   }
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollUpButton,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.scrollButton, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(import_lucide_react_native44.ChevronUp, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(import_lucide_react_native44.ChevronUp, { size: 14, style: styles37.chevron })
   );
 }
 function SelectScrollDownButton({
   style,
   ...props
 }) {
-  if (import_react_native52.Platform.OS !== "web") {
+  if (import_react_native51.Platform.OS !== "web") {
     return null;
   }
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollDownButton,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.scrollButton, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 14, style: styles37.chevron })
   );
 }
 function SelectContent({
@@ -6045,7 +6091,7 @@ function SelectContent({
   return /* @__PURE__ */ React48.createElement(SelectPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Overlay,
     {
-      style: import_react_native52.Platform.OS !== "web" ? import_react_native52.StyleSheet.absoluteFill : void 0
+      style: import_react_native51.Platform.OS !== "web" ? import_react_native51.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ React48.createElement(
       import_react_native_reanimated7.default.View,
@@ -6057,7 +6103,7 @@ function SelectContent({
       /* @__PURE__ */ React48.createElement(
         SelectPrimitive.Content,
         {
-          style: import_react_native52.StyleSheet.flatten([styles36.content, style]),
+          style: import_react_native51.StyleSheet.flatten([styles37.content, style]),
           position,
           ...props
         },
@@ -6065,8 +6111,8 @@ function SelectContent({
         /* @__PURE__ */ React48.createElement(
           SelectPrimitive.Viewport,
           {
-            style: import_react_native52.StyleSheet.flatten([
-              styles36.viewport,
+            style: import_react_native51.StyleSheet.flatten([
+              styles37.viewport,
               position === "popper" && {
                 height: "var(--radix-select-trigger-height)",
                 width: "100%",
@@ -6088,7 +6134,7 @@ function SelectLabel({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Label,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.label, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.label, style]),
       ...props
     }
   );
@@ -6097,19 +6143,19 @@ function SelectItem({
   style,
   ...props
 }) {
-  const itemStyle = import_react_native52.StyleSheet.flatten([
-    styles36.item,
-    props.disabled && styles36.itemDisabled,
+  const itemStyle = import_react_native51.StyleSheet.flatten([
+    styles37.item,
+    props.disabled && styles37.itemDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(import_react_native52.View, { style: styles36.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(import_react_native51.View, { style: styles37.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
     import_lucide_react_native42.Check,
     {
       size: 16,
       strokeWidth: 3,
       color: "hsl(var(--popover-foreground))"
     }
-  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles36.itemText }));
+  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles37.itemText }));
 }
 function SelectSeparator({
   style,
@@ -6118,12 +6164,12 @@ function SelectSeparator({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Separator,
     {
-      style: import_react_native52.StyleSheet.flatten([styles36.separator, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.separator, style]),
       ...props
     }
   );
 }
-var styles36 = import_react_native52.StyleSheet.create({
+var styles37 = import_react_native51.StyleSheet.create({
   trigger: {
     flexDirection: "row",
     height: 40,
@@ -6216,7 +6262,7 @@ var styles36 = import_react_native52.StyleSheet.create({
 // components/ui/skeleton.tsx
 var React49 = __toESM(require("react"));
 var import_react_native_reanimated8 = __toESM(require("react-native-reanimated"));
-var import_react_native53 = require("react-native");
+var import_react_native52 = require("react-native");
 var import_native30 = require("@react-navigation/native");
 var duration = 1e3;
 function Skeleton({
@@ -6233,13 +6279,13 @@ function Skeleton({
   }, []);
   const animatedStyle = (0, import_react_native_reanimated8.useAnimatedStyle)(() => ({
     opacity: sv.value,
-    ...styles37.skeleton,
+    ...styles38.skeleton,
     backgroundColor: colors.border,
     style
   }));
   return /* @__PURE__ */ React49.createElement(import_react_native_reanimated8.default.View, { style: animatedStyle, ...props });
 }
-var styles37 = import_react_native53.StyleSheet.create({
+var styles38 = import_react_native52.StyleSheet.create({
   skeleton: {
     borderRadius: 6
   }
@@ -6248,7 +6294,7 @@ var styles37 = import_react_native53.StyleSheet.create({
 // components/ui/table.tsx
 var TablePrimitive = __toESM(require("@rn-primitives/table"));
 var React50 = __toESM(require("react"));
-var import_react_native54 = require("react-native");
+var import_react_native53 = require("react-native");
 function Table({
   style,
   ...props
@@ -6256,7 +6302,7 @@ function Table({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Root,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.table, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.table, style]),
       ...props
     }
   );
@@ -6268,7 +6314,7 @@ function TableHeader({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Header,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.header, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.header, style]),
       ...props
     }
   );
@@ -6280,7 +6326,7 @@ function TableBody({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Body,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.body, { minHeight: 2 }, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.body, { minHeight: 2 }, style]),
       ...props
     }
   );
@@ -6292,7 +6338,7 @@ function TableFooter({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Footer,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.footer, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.footer, style]),
       ...props
     }
   );
@@ -6304,7 +6350,7 @@ function TableRow({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Row,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.row, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.row, style]),
       ...props
     }
   );
@@ -6321,7 +6367,7 @@ function TableHead({
     /* @__PURE__ */ React50.createElement(
       TablePrimitive.Head,
       {
-        style: import_react_native54.StyleSheet.flatten([styles38.head, style]),
+        style: import_react_native53.StyleSheet.flatten([styles39.head, style]),
         ...props
       }
     )
@@ -6334,12 +6380,12 @@ function TableCell({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Cell,
     {
-      style: import_react_native54.StyleSheet.flatten([styles38.cell, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.cell, style]),
       ...props
     }
   );
 }
-var styles38 = import_react_native54.StyleSheet.create({
+var styles39 = import_react_native53.StyleSheet.create({
   table: {
     width: "100%",
     fontSize: 14
@@ -6380,7 +6426,7 @@ var styles38 = import_react_native54.StyleSheet.create({
 // components/ui/tabs.tsx
 var TabsPrimitive = __toESM(require("@rn-primitives/tabs"));
 var React51 = __toESM(require("react"));
-var import_react_native55 = require("react-native");
+var import_react_native54 = require("react-native");
 var Tabs = TabsPrimitive.Root;
 function TabsList({
   style,
@@ -6389,7 +6435,7 @@ function TabsList({
   return /* @__PURE__ */ React51.createElement(
     TabsPrimitive.List,
     {
-      style: import_react_native55.StyleSheet.flatten([styles39.list, style]),
+      style: import_react_native54.StyleSheet.flatten([styles40.list, style]),
       ...props
     }
   );
@@ -6400,13 +6446,13 @@ function TabsTrigger({
 }) {
   const { value } = TabsPrimitive.useRootContext();
   const isActive = props.value === value;
-  const triggerStyle = import_react_native55.StyleSheet.flatten([
-    styles39.trigger,
-    isActive && styles39.triggerActive,
-    props.disabled && styles39.triggerDisabled,
+  const triggerStyle = import_react_native54.StyleSheet.flatten([
+    styles40.trigger,
+    isActive && styles40.triggerActive,
+    props.disabled && styles40.triggerDisabled,
     style
   ]);
-  const textStyle = isActive ? import_react_native55.StyleSheet.flatten([styles39.triggerText, styles39.triggerTextActive]) : styles39.triggerText;
+  const textStyle = isActive ? import_react_native54.StyleSheet.flatten([styles40.triggerText, styles40.triggerTextActive]) : styles40.triggerText;
   return /* @__PURE__ */ React51.createElement(TextStyleContext.Provider, { value: { style: textStyle } }, /* @__PURE__ */ React51.createElement(TabsPrimitive.Trigger, { style: triggerStyle, ...props }));
 }
 function TabsContent({
@@ -6415,7 +6461,7 @@ function TabsContent({
 }) {
   return /* @__PURE__ */ React51.createElement(TabsPrimitive.Content, { style, ...props });
 }
-var styles39 = import_react_native55.StyleSheet.create({
+var styles40 = import_react_native54.StyleSheet.create({
   list: {
     flexDirection: "row",
     height: 40,
@@ -6460,7 +6506,7 @@ var styles39 = import_react_native55.StyleSheet.create({
 
 // components/ui/textarea.tsx
 var React52 = __toESM(require("react"));
-var import_react_native56 = require("react-native");
+var import_react_native55 = require("react-native");
 function Textarea({
   style,
   multiline = true,
@@ -6468,13 +6514,13 @@ function Textarea({
   placeholderTextColor,
   ...props
 }) {
-  const textareaStyle = import_react_native56.StyleSheet.flatten([
-    styles40.textarea,
-    props.editable === false && styles40.textareaDisabled,
+  const textareaStyle = import_react_native55.StyleSheet.flatten([
+    styles41.textarea,
+    props.editable === false && styles41.textareaDisabled,
     style
   ]);
   return /* @__PURE__ */ React52.createElement(
-    import_react_native56.TextInput,
+    import_react_native55.TextInput,
     {
       style: textareaStyle,
       placeholderTextColor: placeholderTextColor || "hsl(var(--muted-foreground))",
@@ -6485,7 +6531,7 @@ function Textarea({
     }
   );
 }
-var styles40 = import_react_native56.StyleSheet.create({
+var styles41 = import_react_native55.StyleSheet.create({
   textarea: {
     minHeight: 80,
     width: "100%",
@@ -6508,7 +6554,7 @@ var styles40 = import_react_native56.StyleSheet.create({
 
 // components/ui/toggle-group.tsx
 var React53 = __toESM(require("react"));
-var import_react_native57 = require("react-native");
+var import_react_native56 = require("react-native");
 var import_native31 = require("@react-navigation/native");
 var ToggleGroupPrimitive = __toESM(require("@rn-primitives/toggle-group"));
 var ToggleGroupContext = React53.createContext(null);
@@ -6522,7 +6568,7 @@ function ToggleGroup({
   return /* @__PURE__ */ React53.createElement(
     ToggleGroupPrimitive.Root,
     {
-      style: import_react_native57.StyleSheet.flatten([styles41.root, style]),
+      style: import_react_native56.StyleSheet.flatten([styles42.root, style]),
       ...props
     },
     /* @__PURE__ */ React53.createElement(ToggleGroupContext.Provider, { value: { variant, size } }, children)
@@ -6559,23 +6605,23 @@ function ToggleGroupItem({
   const getSizeStyles = () => {
     switch (finalSize) {
       case "sm":
-        return styles41.smItemSize;
+        return styles42.smItemSize;
       case "lg":
-        return styles41.lgItemSize;
+        return styles42.lgItemSize;
       default:
-        return styles41.defaultItemSize;
+        return styles42.defaultItemSize;
     }
   };
   const getVariantStyles = () => {
     switch (finalVariant) {
       case "outline":
-        return styles41.outlineItem;
+        return styles42.outlineItem;
       default:
-        return styles41.defaultItem;
+        return styles42.defaultItem;
     }
   };
-  const itemStyles = import_react_native57.StyleSheet.flatten([
-    styles41.item,
+  const itemStyles = import_react_native56.StyleSheet.flatten([
+    styles42.item,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6594,7 +6640,7 @@ function ToggleGroupIcon({
   const { colors } = (0, import_native31.useTheme)();
   return /* @__PURE__ */ React53.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles41 = import_react_native57.StyleSheet.create({
+var styles42 = import_react_native56.StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -6630,7 +6676,7 @@ var styles41 = import_react_native57.StyleSheet.create({
 // components/ui/toggle.tsx
 var TogglePrimitive = __toESM(require("@rn-primitives/toggle"));
 var React54 = __toESM(require("react"));
-var import_react_native58 = require("react-native");
+var import_react_native57 = require("react-native");
 var import_native32 = require("@react-navigation/native");
 var toggleVariants = {
   default: {
@@ -6660,23 +6706,23 @@ function Toggle({
   const getSizeStyles = () => {
     switch (size) {
       case "sm":
-        return styles42.smSize;
+        return styles43.smSize;
       case "lg":
-        return styles42.lgSize;
+        return styles43.lgSize;
       default:
-        return styles42.defaultSize;
+        return styles43.defaultSize;
     }
   };
   const getVariantStyles = () => {
     switch (variant) {
       case "outline":
-        return styles42.outlineVariant;
+        return styles43.outlineVariant;
       default:
-        return styles42.defaultVariant;
+        return styles43.defaultVariant;
     }
   };
-  const toggleStyles = import_react_native58.StyleSheet.flatten([
-    styles42.toggle,
+  const toggleStyles = import_react_native57.StyleSheet.flatten([
+    styles43.toggle,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6695,7 +6741,7 @@ function ToggleIcon({
   const { colors } = (0, import_native32.useTheme)();
   return /* @__PURE__ */ React54.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles42 = import_react_native58.StyleSheet.create({
+var styles43 = import_react_native57.StyleSheet.create({
   toggle: {
     alignItems: "center",
     justifyContent: "center",
@@ -6725,7 +6771,7 @@ var styles42 = import_react_native58.StyleSheet.create({
 // components/ui/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@rn-primitives/tooltip"));
 var React55 = __toESM(require("react"));
-var import_react_native59 = require("react-native");
+var import_react_native58 = require("react-native");
 var import_react_native_reanimated9 = __toESM(require("react-native-reanimated"));
 var import_native33 = require("@react-navigation/native");
 var Tooltip = TooltipPrimitive.Root;
@@ -6737,8 +6783,8 @@ function TooltipContent({
   ...props
 }) {
   const { colors } = (0, import_native33.useTheme)();
-  const tooltipStyles = import_react_native59.StyleSheet.flatten([
-    styles43.content,
+  const tooltipStyles = import_react_native58.StyleSheet.flatten([
+    styles44.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -6747,19 +6793,19 @@ function TooltipContent({
     style
   ]);
   const textStyles2 = {
-    fontSize: import_react_native59.Platform.OS === "web" ? 14 : 16,
+    fontSize: import_react_native58.Platform.OS === "web" ? 14 : 16,
     color: colors.text
   };
   return /* @__PURE__ */ React55.createElement(TooltipPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React55.createElement(
     TooltipPrimitive.Overlay,
     {
-      style: import_react_native59.Platform.OS !== "web" ? import_react_native59.StyleSheet.absoluteFill : void 0
+      style: import_react_native58.Platform.OS !== "web" ? import_react_native58.StyleSheet.absoluteFill : void 0
     },
     /* @__PURE__ */ React55.createElement(
       import_react_native_reanimated9.default.View,
       {
-        entering: import_react_native59.Platform.select({ web: void 0, default: import_react_native_reanimated9.FadeIn }),
-        exiting: import_react_native59.Platform.select({ web: void 0, default: import_react_native_reanimated9.FadeOut })
+        entering: import_react_native58.Platform.select({ web: void 0, default: import_react_native_reanimated9.FadeIn }),
+        exiting: import_react_native58.Platform.select({ web: void 0, default: import_react_native_reanimated9.FadeOut })
       },
       /* @__PURE__ */ React55.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React55.createElement(
         TooltipPrimitive.Content,
@@ -6772,7 +6818,7 @@ function TooltipContent({
     )
   ));
 }
-var styles43 = import_react_native59.StyleSheet.create({
+var styles44 = import_react_native58.StyleSheet.create({
   content: {
     zIndex: 50,
     overflow: "hidden",
@@ -6790,98 +6836,98 @@ var styles43 = import_react_native59.StyleSheet.create({
 // components/ui/typography.tsx
 var Slot3 = __toESM(require("@rn-primitives/slot"));
 var React56 = __toESM(require("react"));
-var import_react_native60 = require("react-native");
+var import_react_native59 = require("react-native");
 function H1({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
       role: "heading",
       "aria-level": "1",
-      style: import_react_native60.StyleSheet.flatten([styles44.h1, style]),
+      style: import_react_native59.StyleSheet.flatten([styles45.h1, style]),
       ...props
     }
   );
 }
 function H2({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
       role: "heading",
       "aria-level": "2",
-      style: import_react_native60.StyleSheet.flatten([styles44.h2, style]),
+      style: import_react_native59.StyleSheet.flatten([styles45.h2, style]),
       ...props
     }
   );
 }
 function H3({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
       role: "heading",
       "aria-level": "3",
-      style: import_react_native60.StyleSheet.flatten([styles44.h3, style]),
+      style: import_react_native59.StyleSheet.flatten([styles45.h3, style]),
       ...props
     }
   );
 }
 function H4({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
       role: "heading",
       "aria-level": "4",
-      style: import_react_native60.StyleSheet.flatten([styles44.h4, style]),
+      style: import_react_native59.StyleSheet.flatten([styles45.h4, style]),
       ...props
     }
   );
 }
 function P({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.p, style]), ...props });
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native59.StyleSheet.flatten([styles45.p, style]), ...props });
 }
 function BlockQuote({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
-      role: import_react_native60.Platform.OS === "web" ? "blockquote" : void 0,
-      style: import_react_native60.StyleSheet.flatten([styles44.blockquote, style]),
+      role: import_react_native59.Platform.OS === "web" ? "blockquote" : void 0,
+      style: import_react_native59.StyleSheet.flatten([styles45.blockquote, style]),
       ...props
     }
   );
 }
 function Code({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
-      role: import_react_native60.Platform.OS === "web" ? "code" : void 0,
-      style: import_react_native60.StyleSheet.flatten([styles44.code, style]),
+      role: import_react_native59.Platform.OS === "web" ? "code" : void 0,
+      style: import_react_native59.StyleSheet.flatten([styles45.code, style]),
       ...props
     }
   );
 }
 function Lead({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.lead, style]), ...props });
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native59.StyleSheet.flatten([styles45.lead, style]), ...props });
 }
 function Large({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.large, style]), ...props });
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native59.StyleSheet.flatten([styles45.large, style]), ...props });
 }
 function Small({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.small, style]), ...props });
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native59.StyleSheet.flatten([styles45.small, style]), ...props });
 }
 function Muted({ style, asChild = false, ...props }) {
-  const Component = asChild ? Slot3.Text : import_react_native60.Text;
-  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native60.StyleSheet.flatten([styles44.muted, style]), ...props });
+  const Component = asChild ? Slot3.Text : import_react_native59.Text;
+  return /* @__PURE__ */ React56.createElement(Component, { style: import_react_native59.StyleSheet.flatten([styles45.muted, style]), ...props });
 }
-var styles44 = import_react_native60.StyleSheet.create({
+var styles45 = import_react_native59.StyleSheet.create({
   h1: {
     fontSize: 36,
     color: "hsl(var(--foreground))",
@@ -6978,7 +7024,7 @@ var import_lucide_react_native46 = require("lucide-react-native");
 var RdfResourceCreator = {
   name: "createRdf",
   displayName: "RDF Turtle",
-  displayIcon: import_lucide_react_native46.Code,
+  displayIcon: import_lucide_react_native46.FileCode,
   canCreate: (container) => container.type === "SolidContainer",
   create: async ({ container, createUtils }) => {
     createUtils.loadingMessage("Asking for file name\u2026");
@@ -6996,6 +7042,7 @@ var RdfResourceCreator = {
 
 // resourceCreators/FileUploadResourceCreator.ts
 var import_lucide_react_native47 = require("lucide-react-native");
+var import_react_native60 = require("react-native");
 function basename(path) {
   const lastSlash = path.lastIndexOf("/");
   return lastSlash === -1 ? path : path.slice(lastSlash + 1);
@@ -7016,9 +7063,11 @@ var FileUploadResourceCreator = {
     const slug = basename(file.name);
     const mimeType = file.type || "application/octet-stream";
     createUtils.loadingMessage(`Uploading ${slug}\u2026`);
+    const body = import_react_native60.Platform.OS !== "web" ? await file.arrayBuffer() : file;
     const result = await container.uploadChildAndOverwrite(
       slug,
-      file,
+      // @ts-ignore
+      body,
       mimeType
     );
     if (result.isError) {
@@ -7030,25 +7079,25 @@ var FileUploadResourceCreator = {
 };
 
 // resourceViews/Container/ContainerResourceView.tsx
-var import_lucide_react_native55 = require("lucide-react-native");
+var import_lucide_react_native52 = require("lucide-react-native");
+
+// resourceViews/Container/DefaultContainerView.tsx
+var import_react42 = __toESM(require("react"));
 
 // resourceViews/Container/ContainerView.tsx
 var import_react37 = __toESM(require("react"));
 var import_react_native61 = require("react-native");
 var DocumentPicker = __toESM(require("expo-document-picker"));
 var import_lucide_react_native48 = require("lucide-react-native");
-var import_lucide_react_native49 = require("lucide-react-native");
-var import_lucide_react_native50 = require("lucide-react-native");
-var import_lucide_react_native51 = require("lucide-react-native");
-var import_lucide_react_native52 = require("lucide-react-native");
-var import_lucide_react_native53 = require("lucide-react-native");
 var import_react_native_notifier2 = require("react-native-notifier");
-var import_native34 = require("@react-navigation/native");
-var import_lucide_react_native54 = require("lucide-react-native");
-var ContainerView = () => {
+var ContainerView = ({
+  Layout: Layout2,
+  SideMenu,
+  Content: Content13,
+  ResourceItem
+}) => {
   const { targetResource, navigateTo } = useViewContext();
   const { prompt } = useDialog();
-  const { colors } = (0, import_native34.useTheme)();
   const { resourceCreators = [] } = useDataBrowserConfig();
   const [isCreating, setIsCreating] = (0, import_react37.useState)(false);
   const [loadingMessages, setLoadingMessages] = (0, import_react37.useState)([]);
@@ -7092,10 +7141,7 @@ var ContainerView = () => {
       setIsCreating(true);
       setLoadingMessages([]);
       try {
-        await creator.create({
-          container: targetResource,
-          createUtils
-        });
+        await creator.create({ container: targetResource, createUtils });
       } finally {
         setIsCreating(false);
         setLoadingMessages([]);
@@ -7106,9 +7152,8 @@ var ContainerView = () => {
   const onDelete = (0, import_react37.useCallback)(
     async (item) => {
       if (targetResource?.type !== "SolidContainer") return;
-      const createResult = await item.delete();
-      if (createResult.isError)
-        import_react_native_notifier2.Notifier.showNotification({ title: createResult.message });
+      const result = await item.delete();
+      if (result.isError) import_react_native_notifier2.Notifier.showNotification({ title: result.message });
     },
     [targetResource?.type]
   );
@@ -7121,100 +7166,159 @@ var ContainerView = () => {
       }
     );
   }
-  return /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.mainContainer }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.leftPanel }, /* @__PURE__ */ import_react37.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react37.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react37.default.createElement(
+  const renderResource = (item) => {
+    const displayName = item.uri.replace(targetResource.uri, "").replace(/\/$/, "") || "/";
+    return /* @__PURE__ */ import_react37.default.createElement(
+      ResourceItem,
+      {
+        key: item.uri,
+        item,
+        displayName,
+        onNavigate: () => navigateTo(item.uri),
+        onDelete: () => onDelete(item)
+      }
+    );
+  };
+  return /* @__PURE__ */ import_react37.default.createElement(
+    Layout2,
+    {
+      sideMenu: /* @__PURE__ */ import_react37.default.createElement(
+        SideMenu,
+        {
+          creators: availableCreators,
+          isCreating,
+          loadingMessages,
+          onCreate: runCreator
+        }
+      ),
+      content: /* @__PURE__ */ import_react37.default.createElement(
+        Content13,
+        {
+          resources: targetResource.children(),
+          renderResource,
+          creatorsAvailable: availableCreators.length > 0
+        }
+      )
+    }
+  );
+};
+
+// resourceViews/Container/DefaultContainerLayout.tsx
+var import_react38 = __toESM(require("react"));
+var import_react_native62 = require("react-native");
+var import_native34 = require("@react-navigation/native");
+var DefaultContainerLayout = ({ sideMenu, content }) => {
+  const { colors } = (0, import_native34.useTheme)();
+  return /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: [styles46.container, { backgroundColor: colors.card }] }, /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: styles46.leftPanel }, sideMenu), /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: [styles46.rightPanel, { backgroundColor: colors.background }] }, content));
+};
+var styles46 = import_react_native62.StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: "row",
+    paddingTop: 16
+  },
+  leftPanel: {
+    maxWidth: 220,
+    flex: 1,
+    paddingHorizontal: 16,
+    paddingBottom: 16
+  },
+  rightPanel: {
+    flex: 3,
+    borderTopLeftRadius: 12
+  }
+});
+
+// resourceViews/Container/DefaultContainerSideMenu.tsx
+var import_react39 = __toESM(require("react"));
+var import_react_native63 = require("react-native");
+var import_lucide_react_native49 = require("lucide-react-native");
+var import_native35 = require("@react-navigation/native");
+var import_solid_react10 = require("@ldo/solid-react");
+var DefaultContainerSideMenu = ({ creators, isCreating, loadingMessages, onCreate }) => {
+  const { colors } = (0, import_native35.useTheme)();
+  const { session } = (0, import_solid_react10.useSolidAuth)();
+  const storageRoot = (0, import_solid_react10.useRootContainerFor)(session.webId);
+  const { navigateTo } = useTargetResource();
+  return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react39.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react39.default.createElement(
     Button,
     {
       text: "Create",
-      iconLeft: import_lucide_react_native53.Plus,
-      disabled: isCreating || availableCreators.length === 0
+      iconLeft: import_lucide_react_native49.Plus,
+      disabled: isCreating || creators.length === 0
     }
-  )), /* @__PURE__ */ import_react37.default.createElement(DropdownMenuContent, { style: styles45.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ import_react37.default.createElement(
-    DropdownMenuItem,
-    {
-      key: creator.name,
-      onPress: () => runCreator(creator)
-    },
-    /* @__PURE__ */ import_react37.default.createElement(Icon, { icon: creator.displayIcon }),
-    /* @__PURE__ */ import_react37.default.createElement(Text2, null, creator.displayName)
-  )))), isCreating && /* @__PURE__ */ import_react37.default.createElement(
-    import_react_native61.View,
+  )), /* @__PURE__ */ import_react39.default.createElement(
+    DropdownMenuContent,
     {
-      style: [styles45.creatingPanel, { backgroundColor: colors.border }]
+      align: "start",
+      sideOffset: 4,
+      style: styles47.dropdownContent
     },
-    /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.creatingHeader }, /* @__PURE__ */ import_react37.default.createElement(import_lucide_react_native54.Loader2, { size: 16, style: styles45.spinner }), /* @__PURE__ */ import_react37.default.createElement(Text2, null, "Creating\u2026")),
-    loadingMessages.length > 0 && /* @__PURE__ */ import_react37.default.createElement(
-      import_react_native61.ScrollView,
+    creators.map((creator) => /* @__PURE__ */ import_react39.default.createElement(
+      DropdownMenuItem,
       {
-        style: styles45.loadingMessages,
-        contentContainerStyle: styles45.loadingMessagesContent
+        key: creator.name,
+        onPress: () => onCreate(creator)
       },
-      loadingMessages.map((msg, i) => /* @__PURE__ */ import_react37.default.createElement(Text2, { key: i, style: styles45.loadingMessageItem }, msg))
-    )
-  )), /* @__PURE__ */ import_react37.default.createElement(
-    import_react_native61.View,
+      /* @__PURE__ */ import_react39.default.createElement(Icon, { icon: creator.displayIcon }),
+      /* @__PURE__ */ import_react39.default.createElement(Text2, null, creator.displayName)
+    ))
+  )), isCreating && /* @__PURE__ */ import_react39.default.createElement(
+    import_react_native63.View,
     {
-      style: [
-        styles45.rightPanel,
-        { borderLeftWidth: 1, borderLeftColor: colors.border }
-      ]
+      style: [styles47.creatingPanel, { backgroundColor: colors.border }]
     },
-    /* @__PURE__ */ import_react37.default.createElement(
-      import_react_native61.FlatList,
+    /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles47.creatingHeader }, /* @__PURE__ */ import_react39.default.createElement(import_lucide_react_native49.Loader2, { size: 16, style: styles47.spinner }), /* @__PURE__ */ import_react39.default.createElement(Text2, null, "Creating\u2026")),
+    loadingMessages.length > 0 && /* @__PURE__ */ import_react39.default.createElement(
+      import_react_native63.ScrollView,
       {
-        data: targetResource.children(),
-        keyExtractor: (item) => item.uri,
-        ItemSeparatorComponent: () => /* @__PURE__ */ import_react37.default.createElement(
-          import_react_native61.View,
-          {
-            style: [styles45.listSeparator, { backgroundColor: colors.border }]
-          }
-        ),
-        renderItem: ({ item }) => {
-          const TypeIcon = item.type === "SolidContainer" ? import_lucide_react_native49.Folder : item.uri.endsWith(".ttl") ? import_lucide_react_native50.Code : import_lucide_react_native51.File;
-          const displayName = item.uri.replace(targetResource.uri, "").replace(/\/$/, "") || "/";
-          return /* @__PURE__ */ import_react37.default.createElement(
-            import_react_native61.Pressable,
-            {
-              onPress: () => navigateTo(item.uri),
-              style: ({ hovered }) => [
-                styles45.listItemRow,
-                hovered && { backgroundColor: colors.border }
-              ]
-            },
-            /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.listItem }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles45.listItemText }, /* @__PURE__ */ import_react37.default.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ import_react37.default.createElement(
-              Text2,
-              {
-                style: styles45.listItemLabel,
-                numberOfLines: 1,
-                ellipsizeMode: "middle"
-              },
-              displayName
-            )), /* @__PURE__ */ import_react37.default.createElement(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                style: styles45.deleteButton,
-                onPress: () => onDelete(item),
-                iconLeft: import_lucide_react_native52.Trash
-              }
-            ))
-          );
-        }
-      }
+        style: styles47.loadingMessages,
+        contentContainerStyle: styles47.loadingMessagesContent
+      },
+      loadingMessages.map((msg, i) => /* @__PURE__ */ import_react39.default.createElement(Text2, { key: i, style: styles47.loadingMessageItem }, msg))
     )
-  ));
+  ), session.isActive && /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, /* @__PURE__ */ import_react39.default.createElement(
+    import_react_native63.View,
+    {
+      style: [styles47.separator, { backgroundColor: colors.border }]
+    }
+  ), /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles47.navSection }, storageRoot && /* @__PURE__ */ import_react39.default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      iconLeft: import_lucide_react_native49.Home,
+      text: "Home",
+      style: styles47.navItem,
+      onPress: () => navigateTo(storageRoot.uri)
+    }
+  ), /* @__PURE__ */ import_react39.default.createElement(
+    Button,
+    {
+      variant: "ghost",
+      iconLeft: import_lucide_react_native49.User,
+      text: "Profile",
+      style: styles47.navItem,
+      onPress: () => navigateTo(session.webId ?? "")
+    }
+  ))));
 };
-var styles45 = import_react_native61.StyleSheet.create({
-  mainContainer: {
-    flex: 1,
-    flexDirection: "row"
+var styles47 = import_react_native63.StyleSheet.create({
+  navSection: {
+    gap: 2,
+    marginBottom: 4
   },
-  leftPanel: {
-    maxWidth: 220,
-    flex: 1,
-    padding: 16,
-    paddingRight: 12
+  navItem: {
+    justifyContent: "flex-start",
+    paddingHorizontal: 8
+  },
+  separator: {
+    height: 1,
+    marginBottom: 12
+  },
+  dropdownContent: {
+    minWidth: 220,
+    paddingVertical: 6,
+    paddingHorizontal: 6
   },
   creatingPanel: {
     marginTop: 12,
@@ -7239,89 +7343,192 @@ var styles45 = import_react_native61.StyleSheet.create({
   loadingMessageItem: {
     fontSize: 12,
     opacity: 0.85
+  }
+});
+
+// resourceViews/Container/DefaultContainerContent.tsx
+var import_react40 = __toESM(require("react"));
+var import_react_native64 = require("react-native");
+var import_lucide_react_native50 = require("lucide-react-native");
+var import_native36 = require("@react-navigation/native");
+var DefaultContainerContent = ({ resources, renderResource, creatorsAvailable }) => {
+  const { colors } = (0, import_native36.useTheme)();
+  const emptyState = /* @__PURE__ */ import_react40.default.createElement(import_react_native64.View, { style: styles48.emptyState }, /* @__PURE__ */ import_react40.default.createElement(import_react_native64.View, { style: styles48.emptyStateIcon }, /* @__PURE__ */ import_react40.default.createElement(import_lucide_react_native50.FolderOpen, { size: 40, color: colors.text })), /* @__PURE__ */ import_react40.default.createElement(Text2, { muted: true }, "This container is empty"), creatorsAvailable && /* @__PURE__ */ import_react40.default.createElement(Text2, { muted: true, size: "sm" }, "Use Create to add resources"));
+  return /* @__PURE__ */ import_react40.default.createElement(
+    import_react_native64.FlatList,
+    {
+      data: resources,
+      keyExtractor: (item) => item.uri,
+      style: styles48.list,
+      contentContainerStyle: styles48.listContent,
+      ListEmptyComponent: /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, emptyState),
+      ItemSeparatorComponent: () => /* @__PURE__ */ import_react40.default.createElement(import_react_native64.View, { style: [styles48.separator, { backgroundColor: colors.border }] }),
+      renderItem: ({ item }) => renderResource(item)
+    }
+  );
+};
+var styles48 = import_react_native64.StyleSheet.create({
+  list: {
+    flex: 1
   },
-  rightPanel: {
-    flex: 3
+  listContent: {
+    flexGrow: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 8
   },
-  createDropdownContent: {
-    minWidth: 220,
-    paddingVertical: 6,
-    paddingHorizontal: 6
+  emptyState: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 4,
+    paddingVertical: 48
   },
-  listSeparator: {
+  emptyStateIcon: {
+    opacity: 0.2,
+    marginBottom: 8
+  },
+  separator: {
     height: 1,
     width: "100%"
-  },
-  listItemRow: {
+  }
+});
+
+// resourceViews/Container/DefaultContainerResourceItem.tsx
+var import_react41 = __toESM(require("react"));
+var import_react_native65 = require("react-native");
+var import_lucide_react_native51 = require("lucide-react-native");
+var import_native37 = require("@react-navigation/native");
+var import_solid_react11 = require("@ldo/solid-react");
+var import_react_native_notifier3 = require("react-native-notifier");
+var DefaultContainerResourceItem = ({ item, displayName, onNavigate, onDelete }) => {
+  const { colors } = (0, import_native37.useTheme)();
+  const { fetch: fetch2 } = (0, import_solid_react11.useSolidAuth)();
+  const { openSharingModal } = useSharingModal();
+  const TypeIcon = item.type === "SolidContainer" ? import_lucide_react_native51.Folder : item.uri.endsWith(".ttl") ? import_lucide_react_native51.Code : import_lucide_react_native51.File;
+  const handleDownload = (0, import_react41.useCallback)(async () => {
+    if (item.type !== "SolidLeaf") return;
+    if (import_react_native65.Platform.OS !== "web") {
+      import_react_native_notifier3.Notifier.showNotification({ title: "Download is only available on web" });
+      return;
+    }
+    const response = await fetch2(item.uri);
+    const blob = await response.blob();
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = displayName;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }, [item, displayName, fetch2]);
+  const handleShare = (0, import_react41.useCallback)(() => {
+    if (item.type === "SolidLeaf" || item.type === "SolidContainer") {
+      openSharingModal(item);
+    }
+  }, [item, openSharingModal]);
+  return /* @__PURE__ */ import_react41.default.createElement(
+    import_react_native65.Pressable,
+    {
+      onPress: onNavigate,
+      style: ({ hovered }) => [
+        styles49.row,
+        hovered && { backgroundColor: colors.border }
+      ]
+    },
+    /* @__PURE__ */ import_react41.default.createElement(import_react_native65.View, { style: styles49.inner }, /* @__PURE__ */ import_react41.default.createElement(import_react_native65.View, { style: styles49.label }, /* @__PURE__ */ import_react41.default.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ import_react41.default.createElement(Text2, { style: styles49.name, numberOfLines: 1, ellipsizeMode: "middle" }, displayName)), /* @__PURE__ */ import_react41.default.createElement(DropdownMenu, null, /* @__PURE__ */ import_react41.default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ import_react41.default.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        style: styles49.actionButton,
+        iconLeft: import_lucide_react_native51.MoreHorizontal
+      }
+    )), /* @__PURE__ */ import_react41.default.createElement(DropdownMenuContent, { align: "end", sideOffset: 4 }, item.type === "SolidLeaf" && /* @__PURE__ */ import_react41.default.createElement(DropdownMenuItem, { onPress: handleDownload }, /* @__PURE__ */ import_react41.default.createElement(Icon, { icon: import_lucide_react_native51.Download }), /* @__PURE__ */ import_react41.default.createElement(Text2, null, "Download")), /* @__PURE__ */ import_react41.default.createElement(DropdownMenuItem, { onPress: handleShare }, /* @__PURE__ */ import_react41.default.createElement(Icon, { icon: import_lucide_react_native51.Share2 }), /* @__PURE__ */ import_react41.default.createElement(Text2, null, "Share")), /* @__PURE__ */ import_react41.default.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ import_react41.default.createElement(DropdownMenuItem, { onPress: onDelete }, /* @__PURE__ */ import_react41.default.createElement(Icon, { icon: import_lucide_react_native51.Trash }), /* @__PURE__ */ import_react41.default.createElement(Text2, { style: { color: colors.notification } }, "Delete")))))
+  );
+};
+var styles49 = import_react_native65.StyleSheet.create({
+  row: {
     minHeight: 48,
     justifyContent: "center"
   },
-  listItem: {
+  inner: {
     flexDirection: "row",
     paddingHorizontal: 16,
     paddingVertical: 12,
     justifyContent: "space-between",
     alignItems: "center"
   },
-  listItemText: {
+  label: {
     flexDirection: "row",
     alignItems: "center",
     gap: 12,
     flex: 1,
     minWidth: 0
   },
-  listItemLabel: {
+  name: {
     flex: 1
   },
-  deleteButton: {
+  actionButton: {
     width: 36,
     height: 36,
     padding: 0
   }
 });
 
+// resourceViews/Container/DefaultContainerView.tsx
+var DefaultContainerView = () => /* @__PURE__ */ import_react42.default.createElement(
+  ContainerView,
+  {
+    Layout: DefaultContainerLayout,
+    SideMenu: DefaultContainerSideMenu,
+    Content: DefaultContainerContent,
+    ResourceItem: DefaultContainerResourceItem
+  }
+);
+
 // resourceViews/Container/ContainerResourceView.tsx
 var ContainerResourceView = {
   name: "container",
   displayName: "Container",
-  displayIcon: import_lucide_react_native55.Folders,
-  view: ContainerView,
+  displayIcon: import_lucide_react_native52.Folders,
+  view: DefaultContainerView,
   canDisplay: (targetUri, targetResource) => {
     return targetResource.type === "SolidContainer";
   }
 };
 
 // resourceViews/Profile/ProfileResourceView.tsx
-var import_lucide_react_native58 = require("lucide-react-native");
+var import_lucide_react_native55 = require("lucide-react-native");
 
 // resourceViews/Profile/ProfileView.tsx
-var import_react_native63 = require("react-native");
-var import_react39 = __toESM(require("react"));
+var import_react_native67 = require("react-native");
+var import_react44 = __toESM(require("react"));
 
 // resourceViews/Profile/ProfileKnows.tsx
-var import_react38 = __toESM(require("react"));
-var import_lucide_react_native56 = require("lucide-react-native");
-var import_react_native62 = require("react-native");
-var import_lucide_react_native57 = require("lucide-react-native");
+var import_react43 = __toESM(require("react"));
+var import_lucide_react_native53 = require("lucide-react-native");
+var import_react_native66 = require("react-native");
+var import_lucide_react_native54 = require("lucide-react-native");
 var ProfileKnows = ({
   resource,
   profile,
   setProfile
 }) => {
-  const [newContact, setNewContact] = (0, import_react38.useState)("");
-  const addNewContact = (0, import_react38.useCallback)(() => {
+  const [newContact, setNewContact] = (0, import_react43.useState)("");
+  const addNewContact = (0, import_react43.useCallback)(() => {
     setProfile(resource, (cProfile) => {
       cProfile.knows?.add({ "@id": newContact });
     });
     setNewContact("");
   }, [newContact, resource, setProfile]);
-  return /* @__PURE__ */ import_react38.default.createElement(import_react_native62.View, { style: styles46.container }, /* @__PURE__ */ import_react38.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement(import_react_native66.View, { style: styles50.container }, /* @__PURE__ */ import_react43.default.createElement(
     Input,
     {
       placeholder: "https://example.pod/john/profile/card#me",
       label: "New Contact WebId",
       buttonRight: {
-        iconRight: import_lucide_react_native56.Plus,
+        iconRight: import_lucide_react_native53.Plus,
         onPress: addNewContact,
         variant: "secondary"
       },
@@ -7329,16 +7536,16 @@ var ProfileKnows = ({
       onChangeText: setNewContact,
       onSubmitEditing: addNewContact
     }
-  ), profile.knows?.map((friend) => /* @__PURE__ */ import_react38.default.createElement(
+  ), profile.knows?.map((friend) => /* @__PURE__ */ import_react43.default.createElement(
     AgentInformation,
     {
       key: friend["@id"],
       webId: friend["@id"],
-      accessoryRight: /* @__PURE__ */ import_react38.default.createElement(
+      accessoryRight: /* @__PURE__ */ import_react43.default.createElement(
         Button,
         {
           variant: "ghost",
-          iconRight: import_lucide_react_native57.Trash,
+          iconRight: import_lucide_react_native54.Trash,
           onPress: () => {
             setProfile(resource, (cProfile) => {
               cProfile.knows?.delete(friend);
@@ -7349,7 +7556,7 @@ var ProfileKnows = ({
     }
   )));
 };
-var styles46 = import_react_native62.StyleSheet.create({
+var styles50 = import_react_native66.StyleSheet.create({
   container: {
     gap: 16
     // gap-4 equivalent (4 * 4px = 16px)
@@ -7357,14 +7564,14 @@ var styles46 = import_react_native62.StyleSheet.create({
 });
 
 // resourceViews/Profile/ProfileView.tsx
-var import_solid_react11 = require("@ldo/solid-react");
+var import_solid_react12 = require("@ldo/solid-react");
 var ProfileView = () => {
   const { targetUri } = useViewContext();
-  const profileResource = (0, import_solid_react11.useResource)(targetUri);
-  const [profile, setProfile, commitProfile, transactionDataset] = (0, import_solid_react11.useChangeSubject)(SolidProfileShapeType, targetUri);
+  const profileResource = (0, import_solid_react12.useResource)(targetUri);
+  const [profile, setProfile, commitProfile, transactionDataset] = (0, import_solid_react12.useChangeSubject)(SolidProfileShapeType, targetUri);
   if (!targetUri || !profileResource || !profile || profileResource.type === "InvalidIdentifierResource")
-    return /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null);
-  return /* @__PURE__ */ import_react39.default.createElement(import_react_native63.ScrollView, { contentContainerStyle: styles47.scrollContainer }, /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles47.container }, /* @__PURE__ */ import_react39.default.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ import_react39.default.createElement(
+    return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null);
+  return /* @__PURE__ */ import_react44.default.createElement(import_react_native67.ScrollView, { contentContainerStyle: styles51.scrollContainer }, /* @__PURE__ */ import_react44.default.createElement(import_react_native67.View, { style: styles51.container }, /* @__PURE__ */ import_react44.default.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ import_react44.default.createElement(
     Input,
     {
       placeholder: "John Doe",
@@ -7376,25 +7583,25 @@ var ProfileView = () => {
         });
       }
     }
-  ), /* @__PURE__ */ import_react39.default.createElement(Separator2, null), /* @__PURE__ */ import_react39.default.createElement(Text2, { variant: "h2" }, "Contacts"), /* @__PURE__ */ import_react39.default.createElement(
+  ), /* @__PURE__ */ import_react44.default.createElement(Separator2, null), /* @__PURE__ */ import_react44.default.createElement(Text2, { variant: "h2" }, "Contacts"), /* @__PURE__ */ import_react44.default.createElement(
     ProfileKnows,
     {
       profile,
       setProfile,
       resource: profileResource
     }
-  ), /* @__PURE__ */ import_react39.default.createElement(
+  ), /* @__PURE__ */ import_react44.default.createElement(
     Button,
     {
       disabled: !transactionDataset.hasChanges(),
       text: "Update Profile",
-      style: styles47.updateButton,
+      style: styles51.updateButton,
       onPress: commitProfile,
       isLoading: profileResource.isLoading()
     }
   )));
 };
-var styles47 = import_react_native63.StyleSheet.create({
+var styles51 = import_react_native67.StyleSheet.create({
   scrollContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -7416,10 +7623,10 @@ var styles47 = import_react_native63.StyleSheet.create({
 var ProfileResourceView = {
   name: "profile",
   displayName: "Profile",
-  displayIcon: import_lucide_react_native58.User,
+  displayIcon: import_lucide_react_native55.User,
   view: ProfileView,
-  canDisplay: (targetUri, targetResource, dataset2) => {
-    const profile = dataset2.usingType(SolidProfileShapeType).fromSubject(targetUri);
+  canDisplay: (targetUri, targetResource, dataset) => {
+    const profile = dataset.usingType(SolidProfileShapeType).fromSubject(targetUri);
     return !!profile?.type?.some?.(
       (val) => val["@id"] === "Person" || val["@id"] === "Person2"
     );
@@ -7427,20 +7634,20 @@ var ProfileResourceView = {
 };
 
 // resourceViews/RawCode/RawCodeResourceView.tsx
-var import_lucide_react_native60 = require("lucide-react-native");
+var import_lucide_react_native57 = require("lucide-react-native");
 
 // resourceViews/RawCode/RawCodeView.tsx
-var import_solid_react12 = require("@ldo/solid-react");
-var import_react42 = __toESM(require("react"));
+var import_solid_react13 = require("@ldo/solid-react");
+var import_react47 = __toESM(require("react"));
 
 // resourceViews/RawCode/RawCodeEditor.tsx
-var import_react40 = __toESM(require("react"));
-var import_react41 = __toESM(require("@monaco-editor/react"));
+var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("@monaco-editor/react"));
 var RawCodeEditor = ({
   value,
   onChange
 }) => {
-  const monacoRef = (0, import_react40.useRef)(null);
+  const monacoRef = (0, import_react45.useRef)(null);
   const { colorScheme } = useThemeChange();
   function handleEditorWillMount(monaco) {
     monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
@@ -7448,8 +7655,8 @@ var RawCodeEditor = ({
   const handleEditorDidMount = (editor, monaco) => {
     monacoRef.current = monaco;
   };
-  return /* @__PURE__ */ import_react40.default.createElement(
-    import_react41.default,
+  return /* @__PURE__ */ import_react45.default.createElement(
+    import_react46.default,
     {
       className: "flex-1",
       defaultLanguage: "turtle",
@@ -7463,26 +7670,26 @@ var RawCodeEditor = ({
 };
 
 // resourceViews/RawCode/RawCodeView.tsx
-var import_react_native64 = require("react-native");
-var import_react_native_notifier3 = require("react-native-notifier");
-var import_lucide_react_native59 = require("lucide-react-native");
-var import_native35 = require("@react-navigation/native");
+var import_react_native68 = require("react-native");
+var import_react_native_notifier4 = require("react-native-notifier");
+var import_lucide_react_native56 = require("lucide-react-native");
+var import_native38 = require("@react-navigation/native");
 var RawCodeView = () => {
-  const { fetch: fetch2 } = (0, import_solid_react12.useSolidAuth)();
-  const { colors } = (0, import_native35.useTheme)();
-  const [content, setContent] = (0, import_react42.useState)("");
-  const [contentType, setContentType] = (0, import_react42.useState)("");
-  const [didEdit, setDidEdit] = (0, import_react42.useState)(false);
+  const { fetch: fetch2 } = (0, import_solid_react13.useSolidAuth)();
+  const { colors } = (0, import_native38.useTheme)();
+  const [content, setContent] = (0, import_react47.useState)("");
+  const [contentType, setContentType] = (0, import_react47.useState)("");
+  const [didEdit, setDidEdit] = (0, import_react47.useState)(false);
   const { curViewConfig, targetResource } = useViewContext();
-  const [isFetching, setIsFetching] = (0, import_react42.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react42.useState)(false);
+  const [isFetching, setIsFetching] = (0, import_react47.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react47.useState)(false);
   const targetUri = targetResource?.uri;
-  const fetchContent = (0, import_react42.useCallback)(async () => {
+  const fetchContent = (0, import_react47.useCallback)(async () => {
     if (!targetUri || curViewConfig.name !== "rawCode") return;
     setIsFetching(true);
     const response = await fetch2(targetUri);
     if (response.status !== 200) {
-      import_react_native_notifier3.Notifier.showNotification({
+      import_react_native_notifier4.Notifier.showNotification({
         title: `Could not fetch document. Recieved ${response.status}`
       });
     }
@@ -7491,7 +7698,7 @@ var RawCodeView = () => {
     setDidEdit(false);
     setContentType(response.headers.get("content-type") ?? "");
   }, [curViewConfig.name, fetch2, targetUri]);
-  const submitChanges = (0, import_react42.useCallback)(async () => {
+  const submitChanges = (0, import_react47.useCallback)(async () => {
     if (!targetUri) return;
     setIsSaving(true);
     const response = await fetch2(targetUri, {
@@ -7502,23 +7709,23 @@ var RawCodeView = () => {
       body: content
     });
     if (response.status !== 205) {
-      import_react_native_notifier3.Notifier.showNotification({
+      import_react_native_notifier4.Notifier.showNotification({
         title: `Could save document. Recieved ${response.status}`
       });
       setIsSaving(false);
       return;
     }
-    import_react_native_notifier3.Notifier.showNotification({
+    import_react_native_notifier4.Notifier.showNotification({
       title: `Document Saved`
     });
     await fetchContent();
     setIsSaving(false);
     setDidEdit(false);
   }, [content, contentType, fetch2, fetchContent, targetUri]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     fetchContent();
   }, [fetchContent]);
-  return /* @__PURE__ */ import_react42.default.createElement(import_react_native64.View, { style: [styles48.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ import_react42.default.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ import_react42.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement(import_react_native68.View, { style: [styles52.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ import_react47.default.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ import_react47.default.createElement(
     RawCodeEditor,
     {
       value: content,
@@ -7527,19 +7734,19 @@ var RawCodeView = () => {
         setContent(value ?? "");
       }
     }
-  ), /* @__PURE__ */ import_react42.default.createElement(
+  ), /* @__PURE__ */ import_react47.default.createElement(
     Button,
     {
-      style: styles48.saveButton,
+      style: styles52.saveButton,
       onPress: submitChanges,
       text: "Save Changes",
-      iconLeft: import_lucide_react_native59.Save,
+      iconLeft: import_lucide_react_native56.Save,
       isLoading: isSaving,
       disabled: !didEdit || isSaving
     }
   ));
 };
-var styles48 = import_react_native64.StyleSheet.create({
+var styles52 = import_react_native68.StyleSheet.create({
   container: {
     flex: 1,
     position: "relative"
@@ -7556,60 +7763,60 @@ var styles48 = import_react_native64.StyleSheet.create({
 var RawCodeResourceView = {
   name: "rawCode",
   displayName: "Raw Code",
-  displayIcon: import_lucide_react_native60.Code,
+  displayIcon: import_lucide_react_native57.Code,
   view: RawCodeView,
   canDisplay: () => true
 };
 
 // resourceViews/Image/ImageResourceView.tsx
-var import_lucide_react_native61 = require("lucide-react-native");
+var import_lucide_react_native58 = require("lucide-react-native");
 
 // resourceViews/Image/ImageView.tsx
-var import_react43 = __toESM(require("react"));
-var import_react_native65 = require("react-native");
-var import_solid_react13 = require("@ldo/solid-react");
+var import_react48 = __toESM(require("react"));
+var import_react_native69 = require("react-native");
+var import_solid_react14 = require("@ldo/solid-react");
 var ImageView = () => {
   const { targetUri } = useViewContext();
-  const imageResource = (0, import_solid_react13.useResource)(targetUri);
-  const blobUrl = (0, import_react43.useMemo)(() => {
+  const imageResource = (0, import_solid_react14.useResource)(targetUri);
+  const blobUrl = (0, import_react48.useMemo)(() => {
     if (!imageResource?.isBinary()) return void 0;
     const blob2 = imageResource.getBlob();
     if (!blob2 || !blob2.type.startsWith("image/")) return void 0;
     return URL.createObjectURL(blob2);
   }, [imageResource]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     return () => {
       if (blobUrl) URL.revokeObjectURL(blobUrl);
     };
   }, [blobUrl]);
   if (!targetUri || !imageResource) return null;
   if (imageResource.isLoading?.() ?? imageResource.status?.type === "unfetched") {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Loading image\u2026"));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.center }, /* @__PURE__ */ import_react48.default.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ import_react48.default.createElement(Text2, null, "Loading image\u2026"));
   }
   if (imageResource.status?.isError) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.center }, /* @__PURE__ */ import_react48.default.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
   }
   if (!imageResource.isBinary()) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This resource is not a binary image."));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.center }, /* @__PURE__ */ import_react48.default.createElement(Text2, null, "This resource is not a binary image."));
   }
   const blob = imageResource.getBlob();
   if (!blob || !blob.type.startsWith("image/")) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.center }, /* @__PURE__ */ import_react48.default.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
   }
   if (!blobUrl) {
-    return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.center }, /* @__PURE__ */ import_react43.default.createElement(Text2, null, "Unable to display image."));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.center }, /* @__PURE__ */ import_react48.default.createElement(Text2, null, "Unable to display image."));
   }
-  return /* @__PURE__ */ import_react43.default.createElement(import_react_native65.View, { style: styles49.container }, /* @__PURE__ */ import_react43.default.createElement(
-    import_react_native65.Image,
+  return /* @__PURE__ */ import_react48.default.createElement(import_react_native69.View, { style: styles53.container }, /* @__PURE__ */ import_react48.default.createElement(
+    import_react_native69.Image,
     {
       source: { uri: blobUrl },
-      style: styles49.image,
+      style: styles53.image,
       resizeMode: "contain",
       accessibilityLabel: "Image resource"
     }
   ));
 };
-var styles49 = import_react_native65.StyleSheet.create({
+var styles53 = import_react_native69.StyleSheet.create({
   container: {
     flex: 1,
     padding: 16,
@@ -7633,7 +7840,7 @@ var styles49 = import_react_native65.StyleSheet.create({
 var ImageResourceView = {
   name: "image",
   displayName: "Image",
-  displayIcon: import_lucide_react_native61.Image,
+  displayIcon: import_lucide_react_native58.Image,
   view: ImageView,
   canDisplay: (_targetUri, targetResource) => {
     if (targetResource.type !== "SolidLeaf") return false;
@@ -7700,6 +7907,11 @@ console.log("Exporting components");
   CopyLink,
   DataBrowser,
   DataBrowserConfigContext,
+  DefaultContainerContent,
+  DefaultContainerLayout,
+  DefaultContainerResourceItem,
+  DefaultContainerSideMenu,
+  DefaultContainerView,
   Dialog,
   DialogClose,
   DialogContent,
@@ -7816,6 +8028,7 @@ console.log("Exporting components");
   TabsContent,
   TabsList,
   TabsTrigger,
+  TargetResourceLoader,
   TargetResourceProvider,
   Text,
   TextStyleContext,