linked-data-browser 0.0.8-alpha.6 → 0.0.8-alpha.8

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,
@@ -231,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
@@ -257,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_native19 = 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
 );
@@ -415,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,
@@ -432,7 +420,7 @@ function Text2({
     }
   );
 }
-var styles = import_react_native2.StyleSheet.create({
+var styles = import_react_native.StyleSheet.create({
   base: {
     fontSize: 16
     // text-base
@@ -478,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
@@ -508,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,
@@ -518,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
     },
@@ -553,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],
@@ -562,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
   };
@@ -570,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: {}
   };
@@ -620,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",
@@ -644,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);
     }
   );
 }
@@ -677,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)"),
@@ -685,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,
@@ -701,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,
@@ -715,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"
     }
   },
@@ -763,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);
@@ -773,15 +761,15 @@ var TargetResourceProvider = ({
   children
 }) => {
   const { mode, origin } = useDataBrowserConfig();
-  const { ranInitialAuthCheck } = (0, import_solid_react2.useSolidAuth)();
+  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;
@@ -810,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);
       }
     },
@@ -829,7 +817,7 @@ var TargetResourceProvider = ({
   return /* @__PURE__ */ import_react4.default.createElement(TargetResourceLoader, { targetUri, navigateTo }, children);
 };
 var TargetResourceLoader = ({ targetUri, navigateTo, children }) => {
-  const targetResource = (0, import_solid_react2.useResource)(targetUri);
+  const targetResource = (0, import_solid_react.useResource)(targetUri);
   const refresh = (0, import_react4.useCallback)(async () => {
     if (targetResource) {
       await targetResource?.read();
@@ -882,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 }],
@@ -906,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(
@@ -934,7 +922,7 @@ var AddressBox = () => {
     );
   })());
 };
-var styles2 = import_react_native7.StyleSheet.create({
+var styles2 = import_react_native6.StyleSheet.create({
   container: {
     flex: 1,
     height: 40
@@ -993,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 = {
@@ -2200,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,
@@ -2266,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
   ]);
@@ -2298,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
 });
@@ -2318,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;
@@ -2338,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 },
@@ -2391,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,
@@ -2423,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,
@@ -2445,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
   ));
 }
@@ -2465,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 }]
       }
@@ -2492,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,
@@ -2510,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
@@ -2522,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,
@@ -2534,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: {
@@ -2550,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
@@ -2581,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
   },
@@ -2601,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
   },
@@ -2619,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: {
@@ -2637,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
@@ -2669,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
@@ -2706,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
@@ -2729,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
@@ -2741,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
@@ -2749,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%)"
@@ -2757,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%)"
@@ -2766,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
@@ -2794,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
 });
@@ -2808,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);
       }
@@ -2836,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") {
@@ -2854,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() {
@@ -2872,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,
       {
@@ -2884,7 +2901,7 @@ var ThemeToggleMenu = () => {
     )
   );
 };
-var styles5 = import_react_native12.StyleSheet.create({
+var styles5 = import_react_native11.StyleSheet.create({
   dropdownMenuItem: {
     justifyContent: "space-between"
   },
@@ -2905,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
@@ -2913,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
     }
   );
@@ -2925,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
     }
   );
@@ -2938,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
@@ -2947,7 +2964,7 @@ function AvatarFallback({
     }
   );
 }
-var styles6 = import_react_native13.StyleSheet.create({
+var styles6 = import_react_native12.StyleSheet.create({
   avatar: {
     position: "relative",
     flexDirection: "row",
@@ -2981,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
   },
@@ -3026,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");
@@ -3049,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
     }
   );
@@ -3062,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(
@@ -3075,7 +3092,7 @@ function DialogOverlayNative({
     )
   );
 }
-var DialogOverlay = import_react_native15.Platform.select({
+var DialogOverlay = import_react_native14.Platform.select({
   web: DialogOverlayWeb,
   default: DialogOverlayNative
 });
@@ -3089,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
@@ -3097,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
@@ -3124,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
     }
   );
@@ -3137,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
@@ -3146,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,
@@ -3198,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",
@@ -3211,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
   }
@@ -3231,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);
@@ -3248,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"
       }
@@ -3260,7 +3276,7 @@ var SignInMenu = () => {
       Button,
       {
         key: "logIn",
-        onPress: () => login(defaultIssuer),
+        onPress: () => login(defaultIssuer, window.location.href),
         variant: "default",
         text: "Log In"
       }
@@ -3276,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(
@@ -3297,7 +3313,7 @@ var SignInMenu = () => {
   };
   return renderButtonGroup();
 };
-var styles9 = import_react_native16.StyleSheet.create({
+var styles9 = import_react_native15.StyleSheet.create({
   buttonGroup: {
     flexDirection: "row"
   },
@@ -3317,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
@@ -3336,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,
@@ -3344,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
@@ -3359,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,
@@ -3367,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
     }
   );
@@ -3382,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
@@ -3398,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
@@ -3439,14 +3455,14 @@ 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;
   const { colors } = (0, import_native11.useTheme)();
-  return /* @__PURE__ */ import_react14.default.createElement(import_react_native18.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)));
+  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_native18.StyleSheet.create({
+var styles11 = import_react_native17.StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center",
@@ -3469,11 +3485,11 @@ var styles11 = import_react_native18.StyleSheet.create({
 });
 
 // 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 [
@@ -3493,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]
   );
@@ -3579,7 +3595,7 @@ function getErrorViews(targetResource) {
 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,
     {
@@ -3590,7 +3606,7 @@ var ViewMenu = () => {
   )), /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuContent,
     {
-      style: import_react_native19.StyleSheet.flatten([styles12.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))
   ));
@@ -3603,7 +3619,7 @@ var ListItem = ({ viewConfig, children }) => {
   return /* @__PURE__ */ import_react16.default.createElement(
     DropdownMenuItem,
     {
-      style: import_react_native19.StyleSheet.flatten([
+      style: import_react_native18.StyleSheet.flatten([
         styles12.listItem,
         isSelected && {
           backgroundColor: colors.border
@@ -3616,7 +3632,7 @@ var ListItem = ({ viewConfig, children }) => {
   );
 };
 ListItem.displayName = "ListItem";
-var styles12 = import_react_native19.StyleSheet.create({
+var styles12 = import_react_native18.StyleSheet.create({
   triggerContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -3649,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_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();
@@ -3676,7 +3692,7 @@ var CopyLink = () => {
     }
   );
 };
-var styles13 = import_react_native20.StyleSheet.create({
+var styles13 = import_react_native19.StyleSheet.create({
   button: {
     flexDirection: "row"
   }
@@ -3686,7 +3702,7 @@ var styles13 = import_react_native20.StyleSheet.create({
 var import_react18 = __toESM(require("react"));
 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
 }) => {
@@ -3704,7 +3720,7 @@ var LoadingBar = ({
     }
   );
 };
-var styles14 = import_react_native21.StyleSheet.create({
+var styles14 = import_react_native20.StyleSheet.create({
   bar: {
     position: "absolute",
     top: 0,
@@ -3714,17 +3730,17 @@ var styles14 = 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_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",
@@ -3737,7 +3753,7 @@ function Separator2({
     {
       decorative,
       orientation,
-      style: import_react_native22.StyleSheet.flatten([
+      style: import_react_native21.StyleSheet.flatten([
         orientation === "horizontal" ? styles15.horizontal : styles15.vertical,
         { backgroundColor: colors.border },
         style
@@ -3746,7 +3762,7 @@ function Separator2({
     }
   );
 }
-var styles15 = import_react_native22.StyleSheet.create({
+var styles15 = import_react_native21.StyleSheet.create({
   horizontal: {
     flexShrink: 0,
     height: 1,
@@ -3764,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: styles16.container }, /* @__PURE__ */ import_react19.default.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ import_react19.default.createElement(import_react_native23.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);
+  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 styles16 = import_react_native23.StyleSheet.create({
+var styles16 = import_react_native22.StyleSheet.create({
   container: {
     flexDirection: "row",
     gap: 16,
@@ -3797,7 +3813,7 @@ 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_native15 = require("@react-navigation/native");
 var getCheckboxStyles = (checked = false, disabled = false, theme) => {
@@ -3817,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",
@@ -3830,7 +3846,7 @@ function Checkbox({
   ...props
 }) {
   const theme = (0, import_native15.useTheme)();
-  const rootStyle = import_react_native24.StyleSheet.flatten([
+  const rootStyle = import_react_native23.StyleSheet.flatten([
     getCheckboxStyles(props.checked, props.disabled, theme),
     style
   ]);
@@ -3838,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
     }
   )));
@@ -3846,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
@@ -3895,7 +3911,7 @@ var AccessDropdown = ({
     /* @__PURE__ */ import_react20.default.createElement(Text2, null, accessModeName.charAt(0).toUpperCase() + accessModeName.slice(1))
   )))));
 };
-var styles17 = import_react_native25.StyleSheet.create({
+var styles17 = import_react_native24.StyleSheet.create({
   button: {
     display: "flex",
     width: 130,
@@ -3908,14 +3924,14 @@ var styles17 = 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: styles18.container }, /* @__PURE__ */ import_react21.default.createElement(AgentInformation, { webId }), /* @__PURE__ */ import_react21.default.createElement(import_react_native27.View, { style: styles18.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",
@@ -3926,7 +3942,7 @@ var AgentPermissionRow = ({
     }
   ), /* @__PURE__ */ import_react21.default.createElement(AccessDropdown, { value, onChange })));
 };
-var styles18 = import_react_native26.StyleSheet.create({
+var styles18 = import_react_native25.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3945,14 +3961,14 @@ var styles18 = import_react_native26.StyleSheet.create({
 
 // components/sharing/agentPermissions/AgentInput.tsx
 var import_react24 = __toESM(require("react"));
-var import_react_native29 = require("react-native");
+var import_react_native28 = require("react-native");
 var import_native17 = require("@react-navigation/native");
-var import_react_native30 = require("react-native");
-var import_solid_react7 = require("@ldo/solid-react");
+var import_react_native29 = require("react-native");
+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_react_native27 = require("react-native");
 var import_native16 = require("@react-navigation/native");
 function InputDropdown({
   items,
@@ -4016,7 +4032,7 @@ function InputDropdown({
     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,
@@ -4024,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 styles19 = import_react_native28.StyleSheet.create({
+var styles19 = import_react_native27.StyleSheet.create({
   container: {
     position: "relative"
   },
@@ -4074,7 +4090,7 @@ var import_lucide_react_native28 = require("lucide-react-native");
 var ContactDropdownItem = ({ webId, onSelect }) => {
   const { colors } = (0, import_native17.useTheme)();
   return /* @__PURE__ */ import_react24.default.createElement(
-    import_react_native30.Pressable,
+    import_react_native29.Pressable,
     {
       style: ({ hovered }) => [
         styles20.dropdownItem,
@@ -4097,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,
@@ -4161,7 +4177,7 @@ var AgentInput = ({
     }
   );
 };
-var styles20 = import_react_native29.StyleSheet.create({
+var styles20 = import_react_native28.StyleSheet.create({
   dropdownItem: {
     padding: 8,
     borderBottomWidth: 1
@@ -4213,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: styles21.container }, /* @__PURE__ */ import_react26.default.createElement(import_react_native32.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 }));
+  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 styles21 = import_react_native31.StyleSheet.create({
+var styles21 = import_react_native30.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -4248,7 +4264,7 @@ var WacRuleForm = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ import_react27.default.createElement(import_react_native34.View, { style: styles22.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",
@@ -4272,7 +4288,7 @@ var WacRuleForm = ({
     }
   ));
 };
-var styles22 = import_react_native33.StyleSheet.create({
+var styles22 = import_react_native32.StyleSheet.create({
   container: {
     gap: 16,
     marginTop: 8,
@@ -4298,6 +4314,7 @@ var SharingModalProvider = ({
   const { targetResource } = useViewContext();
   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)({
@@ -4305,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
         );
@@ -4319,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);
@@ -4327,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,
     {
@@ -4351,7 +4376,7 @@ 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 }, styles23.scrollView]
       },
@@ -4372,11 +4397,10 @@ var SharingModalProvider = ({
     ))
   )), children);
 };
-var styles23 = 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,
@@ -4388,33 +4412,26 @@ var styles23 = 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_native19.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: [
-        styles24.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: styles24.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 styles24 = import_react_native37.StyleSheet.create({
+var styles24 = import_react_native36.StyleSheet.create({
   card: {
     height: 56,
     flexDirection: "row",
@@ -4435,11 +4452,11 @@ var styles24 = 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);
@@ -4494,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,
@@ -4508,22 +4525,22 @@ var DialogProvider = ({
 };
 
 // components/nav/Layout.tsx
-var import_solid_react9 = require("@ldo/solid-react");
-var import_native20 = require("@react-navigation/native");
+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 { colors } = (0, import_native20.useTheme)();
+  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: [styles25.container, { backgroundColor: colors.background }]
     },
     /* @__PURE__ */ import_react31.default.createElement(Header, null),
-    /* @__PURE__ */ import_react31.default.createElement(import_react_native39.View, { style: styles25.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 = () => {
@@ -4536,7 +4553,7 @@ var RenderView = () => {
   const CurView = viewToRender.view;
   return /* @__PURE__ */ import_react31.default.createElement(CurView, null);
 };
-var styles25 = import_react_native39.StyleSheet.create({
+var styles25 = import_react_native38.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -4549,25 +4566,25 @@ var styles25 = 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_native21 = require("@react-navigation/native");
+var import_native20 = require("@react-navigation/native");
 function Accordion({
   children,
   ...props
@@ -4576,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)
   ));
@@ -4586,7 +4603,7 @@ function AccordionItem({
   value,
   ...props
 }) {
-  const { colors } = (0, import_native21.useTheme)();
+  const { colors } = (0, import_native20.useTheme)();
   return /* @__PURE__ */ React37.createElement(
     import_react_native_reanimated3.default.View,
     {
@@ -4596,7 +4613,7 @@ function AccordionItem({
     /* @__PURE__ */ React37.createElement(
       AccordionPrimitive.Item,
       {
-        style: import_react_native41.StyleSheet.flatten([
+        style: import_react_native40.StyleSheet.flatten([
           styles26.item,
           { borderBottomColor: colors.border },
           style
@@ -4607,13 +4624,13 @@ 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,
   ...props
 }) {
-  const { colors } = (0, import_native21.useTheme)();
+  const { colors } = (0, import_native20.useTheme)();
   const { isExpanded } = AccordionPrimitive.useItemContext();
   const progress = (0, import_react_native_reanimated3.useDerivedValue)(
     () => isExpanded ? (0, import_react_native_reanimated3.withTiming)(1, { duration: 250 }) : (0, import_react_native_reanimated3.withTiming)(0, { duration: 200 })
@@ -4623,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: styles26.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
     Trigger4,
     {
-      style: import_react_native41.StyleSheet.flatten([
+      style: import_react_native40.StyleSheet.flatten([
         styles26.trigger,
-        { flex: import_react_native41.Platform.OS === "web" ? 1 : void 0 },
+        { flex: import_react_native40.Platform.OS === "web" ? 1 : void 0 },
         style
       ])
     },
@@ -4645,15 +4662,15 @@ function AccordionContent({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native21.useTheme)();
+  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([
+      style: import_react_native40.StyleSheet.flatten([
         styles26.content,
         { overflow: "hidden" },
         style
@@ -4667,20 +4684,20 @@ 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([styles26.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([styles26.innerContent, style])
+      style: import_react_native40.StyleSheet.flatten([styles26.innerContent, style])
     },
     children
   );
 }
-var styles26 = import_react_native41.StyleSheet.create({
+var styles26 = import_react_native40.StyleSheet.create({
   itemContainer: {
     overflow: "hidden"
   },
@@ -4705,9 +4722,9 @@ var styles26 = import_react_native41.StyleSheet.create({
 });
 
 // components/ui/alert.tsx
-var import_native22 = require("@react-navigation/native");
+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",
@@ -4716,16 +4733,16 @@ function Alert({
   iconSize = 16,
   ...props
 }) {
-  const { colors } = (0, import_native22.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   const getAlertStyles = () => {
     const baseAlertStyles = {
       backgroundColor: colors.background,
       borderColor: variant === "destructive" ? colors.notification : colors.border,
       shadowColor: colors.text
     };
-    return import_react_native42.StyleSheet.flatten([styles27.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: styles27.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,
@@ -4734,11 +4751,11 @@ function Alert({
   )), children);
 }
 function AlertTitle({ style, ...props }) {
-  const { colors } = (0, import_native22.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: import_react_native42.StyleSheet.flatten([styles27.title, { color: colors.text }, style]),
+      style: import_react_native41.StyleSheet.flatten([styles27.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -4747,11 +4764,11 @@ function AlertDescription({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native22.useTheme)();
+  const { colors } = (0, import_native21.useTheme)();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: import_react_native42.StyleSheet.flatten([
+      style: import_react_native41.StyleSheet.flatten([
         styles27.description,
         { color: colors.text },
         style
@@ -4760,7 +4777,7 @@ function AlertDescription({
     }
   );
 }
-var styles27 = import_react_native42.StyleSheet.create({
+var styles27 = import_react_native41.StyleSheet.create({
   base: {
     position: "relative",
     width: "100%",
@@ -4806,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_native23 = require("@react-navigation/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_native23.useTheme)();
-  const Component = asChild ? Slot2.View : import_react_native43.View;
+  const { colors } = (0, import_native22.useTheme)();
+  const Component = asChild ? Slot2.View : import_react_native42.View;
   const getVariantStyles = () => {
     switch (variant) {
       case "default":
@@ -4842,18 +4859,18 @@ function Badge({ style, variant = "default", asChild, ...props }) {
         return colors.background;
     }
   };
-  const badgeStyle = import_react_native43.StyleSheet.flatten([
+  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 styles28 = import_react_native43.StyleSheet.create({
+var styles28 = import_react_native42.StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -4863,7 +4880,7 @@ var styles28 = 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"
@@ -4879,12 +4896,12 @@ 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");
 var import_lucide_react_native36 = require("lucide-react-native");
-var import_native24 = require("@react-navigation/native");
+var import_native23 = require("@react-navigation/native");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -4896,14 +4913,14 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
+  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([
+  const triggerStyles = import_react_native43.StyleSheet.flatten([
     styles29.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
@@ -4917,8 +4934,8 @@ function ContextMenuSubContent({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const contentStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  const contentStyles = import_react_native43.StyleSheet.flatten([
     styles29.subContent,
     {
       backgroundColor: colors.background,
@@ -4935,8 +4952,8 @@ function ContextMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const contentStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  const contentStyles = import_react_native43.StyleSheet.flatten([
     styles29.content,
     {
       backgroundColor: colors.background,
@@ -4948,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 })
   ));
@@ -4961,12 +4978,12 @@ function ContextMenuItem({
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
+  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([
+  const itemStyles = import_react_native43.StyleSheet.flatten([
     styles29.item,
     {
       paddingLeft: inset ? 32 : 8,
@@ -4981,38 +4998,38 @@ function ContextMenuCheckboxItem({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const checkboxStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  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: styles29.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,
   children,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const radioStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  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: styles29.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(import_react_native44.View, { style: [styles29.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,
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const labelStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  const labelStyles = import_react_native43.StyleSheet.flatten([
     styles29.label,
     {
       color: colors.text,
@@ -5026,8 +5043,8 @@ function ContextMenuSeparator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const separatorStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  const separatorStyles = import_react_native43.StyleSheet.flatten([
     styles29.separator,
     {
       backgroundColor: colors.border
@@ -5037,17 +5054,17 @@ function ContextMenuSeparator({
   return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function ContextMenuShortcut({ style, ...props }) {
-  const { colors } = (0, import_native24.useTheme)();
-  const shortcutStyles = import_react_native44.StyleSheet.flatten([
+  const { colors } = (0, import_native23.useTheme)();
+  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 styles29 = import_react_native44.StyleSheet.create({
+var styles29 = import_react_native43.StyleSheet.create({
   subTrigger: {
     flexDirection: "row",
     alignItems: "center",
@@ -5132,7 +5149,7 @@ var styles29 = 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: {
@@ -5142,7 +5159,7 @@ var styles29 = 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
   }
 });
@@ -5150,9 +5167,9 @@ var styles29 = 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_native25 = require("@react-navigation/native");
+var import_native24 = require("@react-navigation/native");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 function HoverCardContent({
@@ -5161,8 +5178,8 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  const { colors } = (0, import_native25.useTheme)();
-  const contentStyles = import_react_native45.StyleSheet.flatten([
+  const { colors } = (0, import_native24.useTheme)();
+  const contentStyles = import_react_native44.StyleSheet.flatten([
     styles30.content,
     {
       backgroundColor: colors.background,
@@ -5177,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,
@@ -5190,7 +5207,7 @@ function HoverCardContent({
     )))
   ));
 }
-var styles30 = import_react_native45.StyleSheet.create({
+var styles30 = import_react_native44.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 256,
@@ -5207,7 +5224,7 @@ var styles30 = 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,
@@ -5228,13 +5245,13 @@ function Label3({
     /* @__PURE__ */ React42.createElement(
       LabelPrimitive.Text,
       {
-        style: import_react_native46.StyleSheet.flatten([styles31.text, style]),
+        style: import_react_native45.StyleSheet.flatten([styles31.text, style]),
         ...props
       }
     )
   );
 }
-var styles31 = import_react_native46.StyleSheet.create({
+var styles31 = import_react_native45.StyleSheet.create({
   root: {
     // web:cursor-default - handled by platform
   },
@@ -5251,12 +5268,12 @@ var styles31 = 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");
 var import_lucide_react_native40 = require("lucide-react-native");
-var import_native26 = require("@react-navigation/native");
+var import_native25 = require("@react-navigation/native");
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -5266,8 +5283,8 @@ function Menubar({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const rootStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const rootStyles = import_react_native46.StyleSheet.flatten([
     styles32.root,
     {
       backgroundColor: colors.background,
@@ -5281,10 +5298,10 @@ function MenubarTrigger({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  const { colors } = (0, import_native25.useTheme)();
   const { value } = MenubarPrimitive.useRootContext();
   const { value: itemValue } = MenubarPrimitive.useMenuContext();
-  const triggerStyles = import_react_native47.StyleSheet.flatten([
+  const triggerStyles = import_react_native46.StyleSheet.flatten([
     styles32.trigger,
     {
       backgroundColor: value === itemValue ? colors.border : "transparent",
@@ -5300,14 +5317,14 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  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([
+  const triggerStyles = import_react_native46.StyleSheet.flatten([
     styles32.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
@@ -5321,8 +5338,8 @@ function MenubarSubContent({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const contentStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const contentStyles = import_react_native46.StyleSheet.flatten([
     styles32.subContent,
     {
       backgroundColor: colors.background,
@@ -5338,8 +5355,8 @@ function MenubarContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const contentStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const contentStyles = import_react_native46.StyleSheet.flatten([
     styles32.content,
     {
       backgroundColor: colors.background,
@@ -5355,12 +5372,12 @@ function MenubarItem({
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
+  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([
+  const itemStyles = import_react_native46.StyleSheet.flatten([
     styles32.item,
     {
       paddingLeft: inset ? 32 : 8,
@@ -5376,8 +5393,8 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const checkboxStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const checkboxStyles = import_react_native46.StyleSheet.flatten([
     styles32.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
@@ -5391,7 +5408,7 @@ function MenubarCheckboxItem({
       checked,
       ...props
     },
-    /* @__PURE__ */ React43.createElement(import_react_native47.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 }))),
+    /* @__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
   );
 }
@@ -5400,23 +5417,23 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const radioStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  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: styles32.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(import_react_native47.View, { style: [styles32.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,
   inset,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const labelStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const labelStyles = import_react_native46.StyleSheet.flatten([
     styles32.label,
     {
       color: colors.text,
@@ -5430,8 +5447,8 @@ function MenubarSeparator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const separatorStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  const separatorStyles = import_react_native46.StyleSheet.flatten([
     styles32.separator,
     {
       backgroundColor: colors.border
@@ -5441,20 +5458,20 @@ function MenubarSeparator({
   return /* @__PURE__ */ React43.createElement(MenubarPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function MenubarShortcut({ style, ...props }) {
-  const { colors } = (0, import_native26.useTheme)();
-  const shortcutStyles = import_react_native47.StyleSheet.flatten([
+  const { colors } = (0, import_native25.useTheme)();
+  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 styles32 = 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,
@@ -5467,7 +5484,7 @@ var styles32 = 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: {
@@ -5551,7 +5568,7 @@ var styles32 = 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: {
@@ -5561,7 +5578,7 @@ var styles32 = 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: {
@@ -5572,9 +5589,9 @@ var styles32 = 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_native27 = require("@react-navigation/native");
+var import_native26 = require("@react-navigation/native");
 function NavigationMenu({
   style,
   children,
@@ -5583,11 +5600,11 @@ function NavigationMenu({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Root,
     {
-      style: import_react_native48.StyleSheet.flatten([styles33.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({
@@ -5597,7 +5614,7 @@ function NavigationMenuList({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.List,
     {
-      style: import_react_native48.StyleSheet.flatten([styles33.navigationMenuList, style]),
+      style: import_react_native47.StyleSheet.flatten([styles33.navigationMenuList, style]),
       ...props
     }
   );
@@ -5608,12 +5625,12 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  const { colors } = (0, import_native27.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   const { value } = NavigationMenuPrimitive.useRootContext();
   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 }) => ({
         ...styles33.trigger,
@@ -5623,7 +5640,7 @@ function NavigationMenuTrigger({
       ...props
     },
     children,
-    /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles33.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({
@@ -5632,11 +5649,11 @@ function NavigationMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native27.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   return /* @__PURE__ */ React44.createElement(NavigationMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Content,
     {
-      style: import_react_native48.StyleSheet.flatten([
+      style: import_react_native47.StyleSheet.flatten([
         styles33.content,
         {
           backgroundColor: colors.background,
@@ -5646,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;
@@ -5654,11 +5671,11 @@ function NavigationMenuViewport({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native27.useTheme)();
-  return /* @__PURE__ */ React44.createElement(import_react_native48.View, { style: styles33.viewportContainer }, /* @__PURE__ */ React44.createElement(
-    import_react_native48.View,
+  const { colors } = (0, import_native26.useTheme)();
+  return /* @__PURE__ */ React44.createElement(import_react_native47.View, { style: styles33.viewportContainer }, /* @__PURE__ */ React44.createElement(
+    import_react_native47.View,
     {
-      style: import_react_native48.StyleSheet.flatten([
+      style: import_react_native47.StyleSheet.flatten([
         styles33.viewport,
         {
           backgroundColor: colors.background,
@@ -5676,18 +5693,18 @@ function NavigationMenuIndicator({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native27.useTheme)();
+  const { colors } = (0, import_native26.useTheme)();
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Indicator,
     {
       ref,
-      style: import_react_native48.StyleSheet.flatten([styles33.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([
+        style: import_react_native47.StyleSheet.flatten([
           styles33.indicatorArrow,
           { backgroundColor: colors.border }
         ])
@@ -5695,7 +5712,7 @@ function NavigationMenuIndicator({
     )
   );
 }
-var styles33 = import_react_native48.StyleSheet.create({
+var styles33 = import_react_native47.StyleSheet.create({
   navigationMenu: {
     position: "relative",
     zIndex: 10,
@@ -5710,14 +5727,14 @@ var styles33 = 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",
@@ -5730,7 +5747,7 @@ var styles33 = 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",
@@ -5742,7 +5759,7 @@ var styles33 = import_react_native48.StyleSheet.create({
     }
   },
   viewportContainer: {
-    ...import_react_native48.Platform.OS === "web" && {
+    ...import_react_native47.Platform.OS === "web" && {
       position: "fixed",
       right: 0,
       top: 48,
@@ -5753,7 +5770,7 @@ var styles33 = import_react_native48.StyleSheet.create({
     }
   },
   viewport: {
-    ...import_react_native48.Platform.OS === "web" && {
+    ...import_react_native47.Platform.OS === "web" && {
       position: "relative",
       marginTop: 6,
       width: "100%",
@@ -5795,9 +5812,9 @@ var styles33 = 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_native28 = require("@react-navigation/native");
+var import_native27 = require("@react-navigation/native");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 function PopoverContent({
@@ -5807,8 +5824,8 @@ function PopoverContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native28.useTheme)();
-  const contentStyles = import_react_native49.StyleSheet.flatten([
+  const { colors } = (0, import_native27.useTheme)();
+  const contentStyles = import_react_native48.StyleSheet.flatten([
     styles34.content,
     {
       backgroundColor: colors.background,
@@ -5823,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,
@@ -5836,7 +5853,7 @@ function PopoverContent({
     )))
   ));
 }
-var styles34 = import_react_native49.StyleSheet.create({
+var styles34 = import_react_native48.StyleSheet.create({
   content: {
     zIndex: 50,
     width: 288,
@@ -5853,17 +5870,17 @@ var styles34 = 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_native29 = require("@react-navigation/native");
+var import_native28 = require("@react-navigation/native");
 function Progress({
   style,
   value,
   indicatorStyle,
   ...props
 }) {
-  const { colors } = (0, import_native29.useTheme)();
-  const progressStyles = import_react_native50.StyleSheet.flatten([
+  const { colors } = (0, import_native28.useTheme)();
+  const progressStyles = import_react_native49.StyleSheet.flatten([
     styles35.progress,
     { backgroundColor: colors.border },
     style
@@ -5874,7 +5891,7 @@ function Indicator4({
   value,
   style
 }) {
-  const { colors } = (0, import_native29.useTheme)();
+  const { colors } = (0, import_native28.useTheme)();
   const progress = (0, import_react_native_reanimated6.useDerivedValue)(() => value ?? 0);
   const indicator = (0, import_react_native_reanimated6.useAnimatedStyle)(() => {
     return {
@@ -5884,11 +5901,11 @@ 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([
+        style: import_react_native49.StyleSheet.flatten([
           styles35.indicatorWeb,
           {
             transform: `translateX(-${100 - (value ?? 0)}%)`,
@@ -5903,7 +5920,7 @@ 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,
         styles35.indicator,
         { backgroundColor: colors.primary },
@@ -5912,7 +5929,7 @@ function Indicator4({
     }
   ));
 }
-var styles35 = import_react_native50.StyleSheet.create({
+var styles35 = import_react_native49.StyleSheet.create({
   progress: {
     position: "relative",
     height: 16,
@@ -5933,8 +5950,8 @@ var styles35 = 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_native30 = require("@react-navigation/native");
+var import_react_native50 = require("react-native");
+var import_native29 = require("@react-navigation/native");
 function RadioGroup4({
   style,
   ...props
@@ -5942,7 +5959,7 @@ function RadioGroup4({
   return /* @__PURE__ */ import_react36.default.createElement(
     RadioGroupPrimitive.Root,
     {
-      style: import_react_native51.StyleSheet.flatten([styles36.root, style]),
+      style: import_react_native50.StyleSheet.flatten([styles36.root, style]),
       ...props
     }
   );
@@ -5951,8 +5968,8 @@ function RadioGroupItem({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native30.useTheme)();
-  const itemStyles = import_react_native51.StyleSheet.flatten([
+  const { colors } = (0, import_native29.useTheme)();
+  const itemStyles = import_react_native50.StyleSheet.flatten([
     styles36.item,
     {
       borderColor: colors.primary,
@@ -5960,19 +5977,19 @@ function RadioGroupItem({
     },
     style
   ]);
-  const indicatorStyles = import_react_native51.StyleSheet.flatten([
+  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: styles36.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: 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));
+  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 styles36 = import_react_native51.StyleSheet.create({
+var styles36 = import_react_native50.StyleSheet.create({
   root: {
     gap: 8
   },
@@ -6010,7 +6027,7 @@ var styles36 = 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");
@@ -6024,7 +6041,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  const triggerStyle = import_react_native52.StyleSheet.flatten([
+  const triggerStyle = import_react_native51.StyleSheet.flatten([
     styles37.trigger,
     props.disabled && styles37.triggerDisabled,
     style
@@ -6035,13 +6052,13 @@ 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([styles37.scrollButton, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
     /* @__PURE__ */ React48.createElement(import_lucide_react_native44.ChevronUp, { size: 14, style: styles37.chevron })
@@ -6051,13 +6068,13 @@ 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([styles37.scrollButton, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.scrollButton, style]),
       ...props
     },
     /* @__PURE__ */ React48.createElement(import_lucide_react_native43.ChevronDown, { size: 14, style: styles37.chevron })
@@ -6074,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,
@@ -6086,7 +6103,7 @@ function SelectContent({
       /* @__PURE__ */ React48.createElement(
         SelectPrimitive.Content,
         {
-          style: import_react_native52.StyleSheet.flatten([styles37.content, style]),
+          style: import_react_native51.StyleSheet.flatten([styles37.content, style]),
           position,
           ...props
         },
@@ -6094,7 +6111,7 @@ function SelectContent({
         /* @__PURE__ */ React48.createElement(
           SelectPrimitive.Viewport,
           {
-            style: import_react_native52.StyleSheet.flatten([
+            style: import_react_native51.StyleSheet.flatten([
               styles37.viewport,
               position === "popper" && {
                 height: "var(--radix-select-trigger-height)",
@@ -6117,7 +6134,7 @@ function SelectLabel({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Label,
     {
-      style: import_react_native52.StyleSheet.flatten([styles37.label, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.label, style]),
       ...props
     }
   );
@@ -6126,12 +6143,12 @@ function SelectItem({
   style,
   ...props
 }) {
-  const itemStyle = import_react_native52.StyleSheet.flatten([
+  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: styles37.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,
@@ -6147,12 +6164,12 @@ function SelectSeparator({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Separator,
     {
-      style: import_react_native52.StyleSheet.flatten([styles37.separator, style]),
+      style: import_react_native51.StyleSheet.flatten([styles37.separator, style]),
       ...props
     }
   );
 }
-var styles37 = import_react_native52.StyleSheet.create({
+var styles37 = import_react_native51.StyleSheet.create({
   trigger: {
     flexDirection: "row",
     height: 40,
@@ -6245,14 +6262,14 @@ var styles37 = 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_native31 = require("@react-navigation/native");
+var import_react_native52 = require("react-native");
+var import_native30 = require("@react-navigation/native");
 var duration = 1e3;
 function Skeleton({
   style,
   ...props
 }) {
-  const { colors } = (0, import_native31.useTheme)();
+  const { colors } = (0, import_native30.useTheme)();
   const sv = (0, import_react_native_reanimated8.useSharedValue)(1);
   React49.useEffect(() => {
     sv.value = (0, import_react_native_reanimated8.withRepeat)(
@@ -6268,7 +6285,7 @@ function Skeleton({
   }));
   return /* @__PURE__ */ React49.createElement(import_react_native_reanimated8.default.View, { style: animatedStyle, ...props });
 }
-var styles38 = import_react_native53.StyleSheet.create({
+var styles38 = import_react_native52.StyleSheet.create({
   skeleton: {
     borderRadius: 6
   }
@@ -6277,7 +6294,7 @@ var styles38 = 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
@@ -6285,7 +6302,7 @@ function Table({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Root,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.table, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.table, style]),
       ...props
     }
   );
@@ -6297,7 +6314,7 @@ function TableHeader({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Header,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.header, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.header, style]),
       ...props
     }
   );
@@ -6309,7 +6326,7 @@ function TableBody({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Body,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.body, { minHeight: 2 }, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.body, { minHeight: 2 }, style]),
       ...props
     }
   );
@@ -6321,7 +6338,7 @@ function TableFooter({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Footer,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.footer, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.footer, style]),
       ...props
     }
   );
@@ -6333,7 +6350,7 @@ function TableRow({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Row,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.row, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.row, style]),
       ...props
     }
   );
@@ -6350,7 +6367,7 @@ function TableHead({
     /* @__PURE__ */ React50.createElement(
       TablePrimitive.Head,
       {
-        style: import_react_native54.StyleSheet.flatten([styles39.head, style]),
+        style: import_react_native53.StyleSheet.flatten([styles39.head, style]),
         ...props
       }
     )
@@ -6363,12 +6380,12 @@ function TableCell({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Cell,
     {
-      style: import_react_native54.StyleSheet.flatten([styles39.cell, style]),
+      style: import_react_native53.StyleSheet.flatten([styles39.cell, style]),
       ...props
     }
   );
 }
-var styles39 = import_react_native54.StyleSheet.create({
+var styles39 = import_react_native53.StyleSheet.create({
   table: {
     width: "100%",
     fontSize: 14
@@ -6409,7 +6426,7 @@ var styles39 = 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,
@@ -6418,7 +6435,7 @@ function TabsList({
   return /* @__PURE__ */ React51.createElement(
     TabsPrimitive.List,
     {
-      style: import_react_native55.StyleSheet.flatten([styles40.list, style]),
+      style: import_react_native54.StyleSheet.flatten([styles40.list, style]),
       ...props
     }
   );
@@ -6429,13 +6446,13 @@ function TabsTrigger({
 }) {
   const { value } = TabsPrimitive.useRootContext();
   const isActive = props.value === value;
-  const triggerStyle = import_react_native55.StyleSheet.flatten([
+  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([styles40.triggerText, styles40.triggerTextActive]) : styles40.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({
@@ -6444,7 +6461,7 @@ function TabsContent({
 }) {
   return /* @__PURE__ */ React51.createElement(TabsPrimitive.Content, { style, ...props });
 }
-var styles40 = import_react_native55.StyleSheet.create({
+var styles40 = import_react_native54.StyleSheet.create({
   list: {
     flexDirection: "row",
     height: 40,
@@ -6489,7 +6506,7 @@ var styles40 = 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,
@@ -6497,13 +6514,13 @@ function Textarea({
   placeholderTextColor,
   ...props
 }) {
-  const textareaStyle = import_react_native56.StyleSheet.flatten([
+  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))",
@@ -6514,7 +6531,7 @@ function Textarea({
     }
   );
 }
-var styles41 = import_react_native56.StyleSheet.create({
+var styles41 = import_react_native55.StyleSheet.create({
   textarea: {
     minHeight: 80,
     width: "100%",
@@ -6537,8 +6554,8 @@ var styles41 = import_react_native56.StyleSheet.create({
 
 // components/ui/toggle-group.tsx
 var React53 = __toESM(require("react"));
-var import_react_native57 = require("react-native");
-var import_native32 = require("@react-navigation/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);
 function ToggleGroup({
@@ -6551,7 +6568,7 @@ function ToggleGroup({
   return /* @__PURE__ */ React53.createElement(
     ToggleGroupPrimitive.Root,
     {
-      style: import_react_native57.StyleSheet.flatten([styles42.root, style]),
+      style: import_react_native56.StyleSheet.flatten([styles42.root, style]),
       ...props
     },
     /* @__PURE__ */ React53.createElement(ToggleGroupContext.Provider, { value: { variant, size } }, children)
@@ -6573,7 +6590,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const { colors } = (0, import_native32.useTheme)();
+  const { colors } = (0, import_native31.useTheme)();
   const context = useToggleGroupContext();
   const { value } = ToggleGroupPrimitive.useRootContext();
   const isSelected = ToggleGroupPrimitive.utils.getIsSelected(
@@ -6603,7 +6620,7 @@ function ToggleGroupItem({
         return styles42.defaultItem;
     }
   };
-  const itemStyles = import_react_native57.StyleSheet.flatten([
+  const itemStyles = import_react_native56.StyleSheet.flatten([
     styles42.item,
     getVariantStyles(),
     getSizeStyles(),
@@ -6620,10 +6637,10 @@ function ToggleGroupIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = (0, import_native32.useTheme)();
+  const { colors } = (0, import_native31.useTheme)();
   return /* @__PURE__ */ React53.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles42 = import_react_native57.StyleSheet.create({
+var styles42 = import_react_native56.StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -6659,8 +6676,8 @@ var styles42 = 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_native33 = require("@react-navigation/native");
+var import_react_native57 = require("react-native");
+var import_native32 = require("@react-navigation/native");
 var toggleVariants = {
   default: {
     backgroundColor: "transparent"
@@ -6680,7 +6697,7 @@ function Toggle({
   size = "default",
   ...props
 }) {
-  const { colors } = (0, import_native33.useTheme)();
+  const { colors } = (0, import_native32.useTheme)();
   const textStyles2 = {
     fontSize: size === "sm" ? 14 : size === "lg" ? 16 : 14,
     fontWeight: "500",
@@ -6704,7 +6721,7 @@ function Toggle({
         return styles43.defaultVariant;
     }
   };
-  const toggleStyles = import_react_native58.StyleSheet.flatten([
+  const toggleStyles = import_react_native57.StyleSheet.flatten([
     styles43.toggle,
     getVariantStyles(),
     getSizeStyles(),
@@ -6721,10 +6738,10 @@ function ToggleIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = (0, import_native33.useTheme)();
+  const { colors } = (0, import_native32.useTheme)();
   return /* @__PURE__ */ React54.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles43 = import_react_native58.StyleSheet.create({
+var styles43 = import_react_native57.StyleSheet.create({
   toggle: {
     alignItems: "center",
     justifyContent: "center",
@@ -6754,9 +6771,9 @@ var styles43 = 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_native34 = require("@react-navigation/native");
+var import_native33 = require("@react-navigation/native");
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 function TooltipContent({
@@ -6765,8 +6782,8 @@ function TooltipContent({
   portalHost,
   ...props
 }) {
-  const { colors } = (0, import_native34.useTheme)();
-  const tooltipStyles = import_react_native59.StyleSheet.flatten([
+  const { colors } = (0, import_native33.useTheme)();
+  const tooltipStyles = import_react_native58.StyleSheet.flatten([
     styles44.content,
     {
       backgroundColor: colors.background,
@@ -6776,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,
@@ -6801,7 +6818,7 @@ function TooltipContent({
     )
   ));
 }
-var styles44 = import_react_native59.StyleSheet.create({
+var styles44 = import_react_native58.StyleSheet.create({
   content: {
     zIndex: 50,
     overflow: "hidden",
@@ -6819,98 +6836,98 @@ var styles44 = 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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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([styles45.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 styles45 = import_react_native60.StyleSheet.create({
+var styles45 = import_react_native59.StyleSheet.create({
   h1: {
     fontSize: 36,
     color: "hsl(var(--foreground))",
@@ -7007,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");
@@ -7025,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);
@@ -7045,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) {
@@ -7059,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_native35 = 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_native35.useTheme)();
   const { resourceCreators = [] } = useDataBrowserConfig();
   const [isCreating, setIsCreating] = (0, import_react37.useState)(false);
   const [loadingMessages, setLoadingMessages] = (0, import_react37.useState)([]);
@@ -7121,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([]);
@@ -7135,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]
   );
@@ -7150,100 +7166,159 @@ var ContainerView = () => {
       }
     );
   }
-  return /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.mainContainer }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.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: styles46.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: [styles46.creatingPanel, { backgroundColor: colors.border }]
+      align: "start",
+      sideOffset: 4,
+      style: styles47.dropdownContent
     },
-    /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.creatingHeader }, /* @__PURE__ */ import_react37.default.createElement(import_lucide_react_native54.Loader2, { size: 16, style: styles46.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: styles46.loadingMessages,
-        contentContainerStyle: styles46.loadingMessagesContent
+        key: creator.name,
+        onPress: () => onCreate(creator)
       },
-      loadingMessages.map((msg, i) => /* @__PURE__ */ import_react37.default.createElement(Text2, { key: i, style: styles46.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: [
-        styles46.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: [styles46.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 }) => [
-                styles46.listItemRow,
-                hovered && { backgroundColor: colors.border }
-              ]
-            },
-            /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.listItem }, /* @__PURE__ */ import_react37.default.createElement(import_react_native61.View, { style: styles46.listItemText }, /* @__PURE__ */ import_react37.default.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ import_react37.default.createElement(
-              Text2,
-              {
-                style: styles46.listItemLabel,
-                numberOfLines: 1,
-                ellipsizeMode: "middle"
-              },
-              displayName
-            )), /* @__PURE__ */ import_react37.default.createElement(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                style: styles46.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 styles46 = 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,
@@ -7268,89 +7343,192 @@ var styles46 = 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
+  },
+  emptyStateIcon: {
+    opacity: 0.2,
+    marginBottom: 8
   },
-  listSeparator: {
+  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: styles47.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"
       },
@@ -7358,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);
@@ -7378,7 +7556,7 @@ var ProfileKnows = ({
     }
   )));
 };
-var styles47 = import_react_native62.StyleSheet.create({
+var styles50 = import_react_native66.StyleSheet.create({
   container: {
     gap: 16
     // gap-4 equivalent (4 * 4px = 16px)
@@ -7386,14 +7564,14 @@ var styles47 = 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: styles48.scrollContainer }, /* @__PURE__ */ import_react39.default.createElement(import_react_native63.View, { style: styles48.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",
@@ -7405,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: styles48.updateButton,
+      style: styles51.updateButton,
       onPress: commitProfile,
       isLoading: profileResource.isLoading()
     }
   )));
 };
-var styles48 = import_react_native63.StyleSheet.create({
+var styles51 = import_react_native67.StyleSheet.create({
   scrollContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -7445,10 +7623,10 @@ var styles48 = 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"
     );
@@ -7456,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);
@@ -7477,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",
@@ -7492,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_native36 = 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_native36.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}`
       });
     }
@@ -7520,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, {
@@ -7531,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: [styles49.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,
@@ -7556,19 +7734,19 @@ var RawCodeView = () => {
         setContent(value ?? "");
       }
     }
-  ), /* @__PURE__ */ import_react42.default.createElement(
+  ), /* @__PURE__ */ import_react47.default.createElement(
     Button,
     {
-      style: styles49.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 styles49 = import_react_native64.StyleSheet.create({
+var styles52 = import_react_native68.StyleSheet.create({
   container: {
     flex: 1,
     position: "relative"
@@ -7585,60 +7763,60 @@ var styles49 = 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: styles50.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: styles50.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: styles50.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: styles50.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: styles50.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: styles50.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: styles50.image,
+      style: styles53.image,
       resizeMode: "contain",
       accessibilityLabel: "Image resource"
     }
   ));
 };
-var styles50 = import_react_native65.StyleSheet.create({
+var styles53 = import_react_native69.StyleSheet.create({
   container: {
     flex: 1,
     padding: 16,
@@ -7662,7 +7840,7 @@ var styles50 = 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;
@@ -7729,6 +7907,11 @@ console.log("Exporting components");
   CopyLink,
   DataBrowser,
   DataBrowserConfigContext,
+  DefaultContainerContent,
+  DefaultContainerLayout,
+  DefaultContainerResourceItem,
+  DefaultContainerSideMenu,
+  DefaultContainerView,
   Dialog,
   DialogClose,
   DialogContent,