npm - linked-data-browser - Versions diffs - 0.0.8-alpha.5 → 0.0.8-alpha.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md +55 -0
package/dist-lib/index.d.mts +45 -3
package/dist-lib/index.d.ts +45 -3
package/dist-lib/index.js +959 -746
package/dist-lib/index.mjs +825 -617
package/dist-server/RefreshWorker.js +2045 -0
package/dist-server/_expo/static/css/global-9f1ade27c4ac36316f91e9e008f2f694.css +1 -0
package/dist-server/_expo/static/js/web/AppEntry-3fb182fd2bcf22f400f77c2d2f09bc56.js +14269 -0
package/dist-server/index.html +2 -2
package/dist-standalone/RefreshWorker.js +2045 -0
package/dist-standalone/_expo/static/css/global-9f1ade27c4ac36316f91e9e008f2f694.css +1 -0
package/dist-standalone/_expo/static/js/web/AppEntry-3fb182fd2bcf22f400f77c2d2f09bc56.js +14269 -0
package/dist-standalone/index.html +2 -2
package/package.json +29 -29
package/dist-server/_expo/static/css/global-c029fb6f4311978a769388b3a9f28b01.css +0 -1
package/dist-server/_expo/static/js/web/AppEntry-02974cfff24938192767ab98511c2421.js +0 -12640
package/dist-standalone/_expo/static/css/global-c029fb6f4311978a769388b3a9f28b01.css +0 -1
package/dist-standalone/_expo/static/js/web/AppEntry-02974cfff24938192767ab98511c2421.js +0 -12640

package/dist-lib/index.mjs CHANGED Viewed

@@ -1,19 +1,3 @@
-// components/solidFetchConfig.ts
-import { Platform } from "react-native";
-import { fetch as solidAuthFetch } from "@inrupt/solid-client-authn-browser";
-import { dataset } from "@ldo/solid-react";
-function createSolidFetch() {
-  const baseFetch = solidAuthFetch;
-  return async (input, init) => {
-    if (Platform.OS !== "web" && init?.body instanceof Blob) {
-      const arrayBuffer = await init.body.arrayBuffer();
-      return baseFetch(input, { ...init, body: arrayBuffer });
-    }
-    return baseFetch(input, init);
-  };
-}
-dataset.setContext("solid", { fetch: createSolidFetch() });
 // components/DataBrowser.tsx
 import { useMemo as useMemo10 } from "react";
 import { BrowserSolidLdoProvider } from "@ldo/solid-react";
@@ -26,9 +10,8 @@ import React35, {
 // components/nav/header/Header.tsx
 import React33 from "react";
-import { useSolidAuth as useSolidAuth5 } from "@ldo/solid-react";
-import { StyleSheet as StyleSheet27 } from "react-native";
-import { useTheme as useTheme17 } from "@react-navigation/native";
+import { useSolidAuth as useSolidAuth6 } from "@ldo/solid-react";
+import { StyleSheet as StyleSheet28 } from "react-native";
 // components/nav/header/AddressBox.tsx
 import React6, { useEffect as useEffect2, useMemo as useMemo2 } from "react";
@@ -41,7 +24,7 @@ import {
   TextInput,
   View as View3,
   StyleSheet as StyleSheet4,
-  Platform as Platform3
+  Platform as Platform2
 } from "react-native";
 import { useTheme as useTheme3 } from "@react-navigation/native";
@@ -258,7 +241,7 @@ import * as React3 from "react";
 import {
   Pressable,
   View as View2,
-  Platform as Platform2,
+  Platform,
   StyleSheet as StyleSheet3
 } from "react-native";
 import { CircleSnail } from "react-native-progress";
@@ -290,9 +273,9 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
   };
   const sizeStyles = {
     default: {
-      height: Platform2.OS === "web" ? 40 : 48,
-      paddingHorizontal: Platform2.OS === "web" ? 16 : 20,
-      paddingVertical: Platform2.OS === "web" ? 8 : 12
+      height: Platform.OS === "web" ? 40 : 48,
+      paddingHorizontal: Platform.OS === "web" ? 16 : 20,
+      paddingVertical: Platform.OS === "web" ? 8 : 12
     },
     sm: {
       height: 36,
@@ -300,7 +283,7 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
       paddingHorizontal: 12
     },
     lg: {
-      height: Platform2.OS === "web" ? 44 : 56,
+      height: Platform.OS === "web" ? 44 : 56,
       borderRadius: 6,
       paddingHorizontal: 32
     },
@@ -344,7 +327,7 @@ var getButtonStyles = (style, variant = "default", size = "default", isPressed =
 };
 var getButtonTextStyles = (variant = "default", size = "default", isPressed = false, theme) => {
   const baseStyles = {
-    fontSize: Platform2.OS === "web" ? 14 : 16,
+    fontSize: Platform.OS === "web" ? 14 : 16,
     fontWeight: "500",
     color: theme.colors.text
   };
@@ -352,7 +335,7 @@ var getButtonTextStyles = (variant = "default", size = "default", isPressed = fa
     default: {},
     sm: {},
     lg: {
-      fontSize: Platform2.OS === "web" ? 14 : 18
+      fontSize: Platform.OS === "web" ? 14 : 18
     },
     icon: {}
   };
@@ -483,10 +466,10 @@ var inputBaseStyles = StyleSheet4.create({
     paddingVertical: 8,
     fontSize: 16,
     // Platform specific adjustments
-    ...Platform3.OS === "web" && {
+    ...Platform2.OS === "web" && {
       width: "100%"
     },
-    ...Platform3.OS !== "web" && {
+    ...Platform2.OS !== "web" && {
       height: 48,
       // native:h-12
       fontSize: 18,
@@ -497,7 +480,7 @@ var inputBaseStyles = StyleSheet4.create({
   },
   disabled: {
     opacity: 0.5,
-    ...Platform3.OS === "web" && {
+    ...Platform2.OS === "web" && {
       cursor: "not-allowed"
     }
   },
@@ -548,8 +531,8 @@ function useDataBrowserConfig() {
 }
 // components/TargetResourceProvider.tsx
-import { useResource } from "@ldo/solid-react";
-import { Platform as Platform4 } from "react-native";
+import { useResource, useSolidAuth } from "@ldo/solid-react";
+import { Platform as Platform3 } from "react-native";
 var TargetResourceContext = createContext3({});
 function useTargetResource() {
   return useContext3(TargetResourceContext);
@@ -558,14 +541,15 @@ var TargetResourceProvider = ({
   children
 }) => {
   const { mode, origin } = useDataBrowserConfig();
+  const { ranInitialAuthCheck } = useSolidAuth();
   const [currentUrl, setCurrentUrl] = useState(() => {
-    return Platform4.OS === "web" ? new URL(window.location.href) : new URL("");
+    return Platform3.OS === "web" ? new URL(window.location.href) : new URL("");
   });
   const handleUrlChange = useCallback(() => {
     setCurrentUrl(new URL(window.location.href));
   }, []);
   useEffect(() => {
-    if (Platform4.OS === "web") {
+    if (Platform3.OS === "web") {
       window.addEventListener("popstate", handleUrlChange);
       const originalPushState = history.pushState;
       const originalReplaceState = history.replaceState;
@@ -594,7 +578,7 @@ var TargetResourceProvider = ({
         finalUrl = `${origin}?uri=${encodeURIComponent(newRoute)}`;
       }
       setCurrentUrl(new URL(finalUrl));
-      if (Platform4.OS === "web") {
+      if (Platform3.OS === "web") {
         window.history.pushState(null, "", finalUrl);
       }
     },
@@ -609,6 +593,10 @@ var TargetResourceProvider = ({
     const curHash = currentUrl.hash;
     return `${curOrigin}${curPathname}${curHash}`;
   }, [currentUrl, mode]);
+  if (!ranInitialAuthCheck) return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
+  return /* @__PURE__ */ React5.createElement(TargetResourceLoader, { targetUri, navigateTo }, children);
+};
+var TargetResourceLoader = ({ targetUri, navigateTo, children }) => {
   const targetResource = useResource(targetUri);
   const refresh = useCallback(async () => {
     if (targetResource) {
@@ -773,7 +761,7 @@ var styles2 = StyleSheet5.create({
 });
 // components/nav/header/AvatarMenu.tsx
-import { useResource as useResource2, useSolidAuth, useSubject } from "@ldo/solid-react";
+import { useResource as useResource2, useSolidAuth as useSolidAuth2, useSubject } from "@ldo/solid-react";
 import React13 from "react";
 import { View as View7, StyleSheet as StyleSheet10 } from "react-native";
@@ -1987,7 +1975,7 @@ import { Sun } from "lucide-react-native";
 // components/ui/switch.tsx
 import * as SwitchPrimitives from "@rn-primitives/switch";
 import * as React7 from "react";
-import { Platform as Platform5, StyleSheet as StyleSheet6 } from "react-native";
+import { Platform as Platform4, StyleSheet as StyleSheet6 } from "react-native";
 import Animated, {
   interpolateColor,
   useAnimatedStyle,
@@ -2095,7 +2083,7 @@ function SwitchNative({
     /* @__PURE__ */ React7.createElement(SwitchPrimitives.Root, { style: styles3.switchNativeRoot, ...props }, /* @__PURE__ */ React7.createElement(Animated.View, { style: animatedThumbStyle }, /* @__PURE__ */ React7.createElement(SwitchPrimitives.Thumb, { style: styles3.switchNativeThumb })))
   );
 }
-var Switch = Platform5.select({
+var Switch = Platform4.select({
   web: SwitchWeb,
   default: SwitchNative
 });
@@ -2104,7 +2092,7 @@ var Switch = Platform5.select({
 import * as DropdownMenuPrimitive from "@rn-primitives/dropdown-menu";
 import * as React8 from "react";
 import {
-  Platform as Platform6,
+  Platform as Platform5,
   Pressable as Pressable2,
   StyleSheet as StyleSheet7,
   Text as Text3,
@@ -2115,6 +2103,36 @@ import { ChevronDown } from "lucide-react-native";
 import { ChevronRight as ChevronRight2 } from "lucide-react-native";
 import { ChevronUp } from "lucide-react-native";
 import { useTheme as useTheme6 } from "@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 (Platform5.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;
@@ -2129,7 +2147,7 @@ function DropdownMenuSubTrigger({
 }) {
   const theme = useTheme6();
   const { open } = DropdownMenuPrimitive.useSubContext();
-  const SubIcon = Platform6.OS === "web" ? ChevronRight2 : open ? ChevronUp : ChevronDown;
+  const SubIcon = Platform5.OS === "web" ? ChevronRight2 : open ? ChevronUp : ChevronDown;
   return /* @__PURE__ */ React8.createElement(
     TextStyleProvider,
     {
@@ -2182,13 +2200,14 @@ function DropdownMenuContent({
   ...props
 }) {
   const theme = useTheme6();
+  useDropdownAnimation();
   return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React8.createElement(
     DropdownMenuPrimitive.Overlay,
     {
       style: overlayStyle ? StyleSheet7.flatten([
-        Platform6.OS !== "web" ? StyleSheet7.absoluteFill : void 0,
+        Platform5.OS !== "web" ? StyleSheet7.absoluteFill : void 0,
         overlayStyle
-      ]) : Platform6.OS !== "web" ? StyleSheet7.absoluteFill : void 0
+      ]) : Platform5.OS !== "web" ? StyleSheet7.absoluteFill : void 0
     },
     /* @__PURE__ */ React8.createElement(
       DropdownMenuPrimitive.Content,
@@ -2214,7 +2233,7 @@ function DropdownMenuItem({
   ...props
 }) {
   const theme = useTheme6();
-  return /* @__PURE__ */ React8.createElement(TextStyleProvider, { style: { color: theme.colors.text } }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Item, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement(TextStyleProvider, { size: "sm", style: { color: theme.colors.text } }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Item, { asChild: true, ...props }, /* @__PURE__ */ React8.createElement(
     Pressable2,
     {
       style: ({ pressed, hovered }) => StyleSheet7.flatten([
@@ -2328,7 +2347,7 @@ function DropdownMenuShortcut({ style, ...props }) {
 var styles4 = StyleSheet7.create({
   // SubTrigger styles
   subTriggerText: {
-    fontSize: Platform6.OS === "web" ? 14 : 18
+    fontSize: Platform5.OS === "web" ? 14 : 18
     // text-sm native:text-lg
   },
   subTriggerTextOpen: {
@@ -2341,7 +2360,7 @@ var styles4 = StyleSheet7.create({
     // gap-2
     paddingHorizontal: 8,
     // px-2
-    paddingVertical: Platform6.OS === "web" ? 6 : 8,
+    paddingVertical: Platform5.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     borderRadius: 2
     // rounded-sm
@@ -2372,11 +2391,10 @@ var styles4 = StyleSheet7.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
   },
@@ -2392,11 +2410,10 @@ var styles4 = StyleSheet7.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
   },
@@ -2410,7 +2427,7 @@ var styles4 = StyleSheet7.create({
     // rounded-sm
     paddingHorizontal: 8,
     // px-2
-    paddingVertical: Platform6.OS === "web" ? 6 : 8
+    paddingVertical: Platform5.OS === "web" ? 6 : 8
     // py-1.5 native:py-2
   },
   itemInset: {
@@ -2428,7 +2445,7 @@ var styles4 = StyleSheet7.create({
     alignItems: "center",
     borderRadius: 2,
     // rounded-sm
-    paddingVertical: Platform6.OS === "web" ? 6 : 8,
+    paddingVertical: Platform5.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     paddingLeft: 32,
     // pl-8
@@ -2460,7 +2477,7 @@ var styles4 = StyleSheet7.create({
     alignItems: "center",
     borderRadius: 2,
     // rounded-sm
-    paddingVertical: Platform6.OS === "web" ? 6 : 8,
+    paddingVertical: Platform5.OS === "web" ? 6 : 8,
     // py-1.5 native:py-2
     paddingLeft: 32,
     // pl-8
@@ -2497,7 +2514,7 @@ var styles4 = StyleSheet7.create({
     // px-2
     paddingVertical: 6,
     // py-1.5
-    fontSize: Platform6.OS === "web" ? 14 : 16,
+    fontSize: Platform5.OS === "web" ? 14 : 16,
     // text-sm native:text-base
     fontWeight: "600"
     // font-semibold
@@ -2520,7 +2537,7 @@ var styles4 = StyleSheet7.create({
   // Shortcut styles
   shortcut: {
     marginLeft: "auto",
-    fontSize: Platform6.OS === "web" ? 12 : 14,
+    fontSize: Platform5.OS === "web" ? 12 : 14,
     // text-xs native:text-sm
     letterSpacing: 0.1
     // tracking-widest
@@ -2529,7 +2546,7 @@ var styles4 = StyleSheet7.create({
 });
 // components/ThemeProvider.tsx
-import React9, { useEffect as useEffect3 } from "react";
+import React9, { useEffect as useEffect4 } from "react";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import {
   createContext as createContext4,
@@ -2537,7 +2554,7 @@ import {
   useMemo as useMemo3,
   useState as useState3
 } from "react";
-import { Appearance, Platform as Platform8 } from "react-native";
+import { Appearance, Platform as Platform7 } from "react-native";
 import {
   ThemeProvider as ApplicationThemeProvider,
   DarkTheme,
@@ -2549,7 +2566,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%)"
@@ -2557,7 +2574,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%)"
@@ -2566,9 +2583,9 @@ var NAV_THEME = {
 // lib/android-navigation-bar.ts
 import * as NavigationBar from "expo-navigation-bar";
-import { Platform as Platform7 } from "react-native";
+import { Platform as Platform6 } from "react-native";
 async function setAndroidNavigationBar(theme) {
-  if (Platform7.OS !== "android") return;
+  if (Platform6.OS !== "android") return;
   await NavigationBar.setButtonStyleAsync(theme === "dark" ? "light" : "dark");
   await NavigationBar.setBackgroundColorAsync(
     theme === "dark" ? NAV_THEME.dark.background : NAV_THEME.light.background
@@ -2594,7 +2611,7 @@ var ThemeProviderContext = createContext4({
 function useThemeChange() {
   return useContext4(ThemeProviderContext);
 }
-var usePlatformSpecificSetup = Platform8.select({
+var usePlatformSpecificSetup = Platform7.select({
   android: useSetAndroidNavigationBar,
   default: noop
 });
@@ -2606,7 +2623,7 @@ var ThemeProvider = ({
   const resolvedScheme = colorScheme ?? "light";
   usePlatformSpecificSetup();
   useSetWebBackgroundClassName(resolvedScheme);
-  useEffect3(() => {
+  useEffect4(() => {
     const lookupCurColorScheme = async () => {
       setColorScheme(Appearance.getColorScheme() ?? "light");
       const storedColorSchemeName = await AsyncStorage.getItem(COLOR_SCHEME_KEY) || Appearance.getColorScheme();
@@ -2636,10 +2653,10 @@ var ThemeProvider = ({
     /* @__PURE__ */ React9.createElement(ThemeProviderContext.Provider, { value: context }, children)
   ));
 };
-var useIsomorphicLayoutEffect = Platform8.OS === "web" && typeof window === "undefined" ? React9.useEffect : React9.useLayoutEffect;
+var useIsomorphicLayoutEffect = Platform7.OS === "web" && typeof window === "undefined" ? React9.useEffect : React9.useLayoutEffect;
 function useSetWebBackgroundClassName(colorScheme) {
   useIsomorphicLayoutEffect(() => {
-    if (Platform8.OS !== "web" || typeof document === "undefined") return;
+    if (Platform7.OS !== "web" || typeof document === "undefined") return;
     const el = document.documentElement;
     el.classList.add("bg-background");
     if (colorScheme === "dark") {
@@ -2781,7 +2798,7 @@ var ProfileAvatar = ({
 // components/nav/header/AvatarMenu.tsx
 var AvatarMenu = () => {
-  const { session, logout } = useSolidAuth();
+  const { session, logout } = useSolidAuth2();
   const webIdResource = useResource2(session.webId);
   const profile = useSubject(SolidProfileShapeType, session.webId);
   const { navigateTo } = useTargetResource();
@@ -2826,7 +2843,7 @@ var styles7 = StyleSheet10.create({
 });
 // components/nav/header/SignInMenu.tsx
-import { useSolidAuth as useSolidAuth2 } from "@ldo/solid-react";
+import { useSolidAuth as useSolidAuth3 } from "@ldo/solid-react";
 import React15, { useCallback as useCallback2, useState as useState4 } from "react";
 import { View as View9, StyleSheet as StyleSheet12, useWindowDimensions } from "react-native";
 import { EllipsisVertical } from "lucide-react-native";
@@ -2835,7 +2852,7 @@ import { EllipsisVertical } from "lucide-react-native";
 import * as DialogPrimitive from "@rn-primitives/dialog";
 import * as React14 from "react";
 import {
-  Platform as Platform9,
+  Platform as Platform8,
   StyleSheet as StyleSheet11,
   View as View8
 } from "react-native";
@@ -2879,7 +2896,7 @@ function DialogOverlayNative({
     )
   );
 }
-var DialogOverlay = Platform9.select({
+var DialogOverlay = Platform8.select({
   web: DialogOverlayWeb,
   default: DialogOverlayNative
 });
@@ -2901,7 +2918,7 @@ function DialogContent({
       ...props
     },
     children,
-    /* @__PURE__ */ React14.createElement(DialogPrimitive.Close, { style: styles8.closeButton }, /* @__PURE__ */ React14.createElement(X, { size: Platform9.OS === "web" ? 16 : 18, color: colors.text }))
+    /* @__PURE__ */ React14.createElement(DialogPrimitive.Close, { style: styles8.closeButton }, /* @__PURE__ */ React14.createElement(X, { size: Platform8.OS === "web" ? 16 : 18, color: colors.text }))
   )));
 }
 function DialogHeader({ style, ...props }) {
@@ -2913,7 +2930,7 @@ function DialogFooter({ style, ...props }) {
     {
       style: StyleSheet11.flatten([
         styles8.footer,
-        Platform9.OS === "web" && styles8.footerRow,
+        Platform8.OS === "web" && styles8.footerRow,
         style
       ]),
       ...props
@@ -3002,8 +3019,7 @@ var styles8 = StyleSheet11.create({
     flexDirection: "column",
     gap: 6,
     // gap-1.5
-    textAlign: "center",
-    borderBottomWidth: 1
+    textAlign: "center"
   },
   footer: {
     flexDirection: "column-reverse",
@@ -3015,17 +3031,17 @@ var styles8 = StyleSheet11.create({
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: Platform9.OS === "web" ? 18 : 20,
+    fontSize: Platform8.OS === "web" ? 18 : 20,
     // text-lg native:text-xl
     fontWeight: "600",
     // font-semibold
-    lineHeight: Platform9.OS === "web" ? 20 : 22,
+    lineHeight: Platform8.OS === "web" ? 20 : 22,
     // leading-none
     letterSpacing: -0.025
     // tracking-tight
   },
   description: {
-    fontSize: Platform9.OS === "web" ? 14 : 16,
+    fontSize: Platform8.OS === "web" ? 14 : 16,
     // text-sm native:text-base
     opacity: 0.7
   }
@@ -3035,14 +3051,14 @@ var styles8 = StyleSheet11.create({
 var SignInMenu = () => {
   const [idpValue, setIdpValue] = useState4("");
   const [, setIdpError] = useState4();
-  const { login, signUp } = useSolidAuth2();
+  const { login, signUp } = useSolidAuth3();
   const { width } = useWindowDimensions();
   const { defaultIssuer } = useDataBrowserConfig();
   const isSmallScreen = width < 640;
   const onIdpSubmit = useCallback2(async () => {
     setIdpError(void 0);
     try {
-      await login(idpValue);
+      await login(idpValue, window.location.href);
     } catch (err) {
       if (err instanceof Error) {
         setIdpError(err.message);
@@ -3056,7 +3072,7 @@ var SignInMenu = () => {
       Button,
       {
         key: "signUp",
-        onPress: () => signUp(defaultIssuer),
+        onPress: () => signUp(defaultIssuer, window.location.href),
         variant: "ghost",
         text: "Sign Up"
       }
@@ -3064,7 +3080,7 @@ var SignInMenu = () => {
       Button,
       {
         key: "logIn",
-        onPress: () => login(defaultIssuer),
+        onPress: () => login(defaultIssuer, window.location.href),
         variant: "default",
         text: "Log In"
       }
@@ -3080,13 +3096,13 @@ var SignInMenu = () => {
     )), /* @__PURE__ */ React15.createElement(DropdownMenuContent, { style: styles9.dropdownContent }, /* @__PURE__ */ React15.createElement(DropdownMenuGroup, null, isSmallScreen && /* @__PURE__ */ React15.createElement(
       DropdownMenuItem,
       {
-        onPress: () => signUp(defaultIssuer)
+        onPress: () => signUp(defaultIssuer, window.location.href)
       },
       /* @__PURE__ */ React15.createElement(Text2, null, "Sign Up")
     ), isSmallScreen && /* @__PURE__ */ React15.createElement(
       DropdownMenuItem,
       {
-        onPress: () => login(defaultIssuer)
+        onPress: () => login(defaultIssuer, window.location.href)
       },
       /* @__PURE__ */ React15.createElement(Text2, null, "Log In")
     ), /* @__PURE__ */ React15.createElement(Dialog, null, /* @__PURE__ */ React15.createElement(DialogTrigger, { asChild: true }, /* @__PURE__ */ React15.createElement(DropdownMenuItem, { closeOnPress: false }, /* @__PURE__ */ React15.createElement(Text2, null, "Log in with Another Pod"))), /* @__PURE__ */ React15.createElement(DialogContent, { style: styles9.dialogContent }, /* @__PURE__ */ React15.createElement(DialogHeader, null, /* @__PURE__ */ React15.createElement(DialogTitle, null, "Solid WebId or Identity Provider"), /* @__PURE__ */ React15.createElement(DialogDescription, null, /* @__PURE__ */ React15.createElement(
@@ -3121,12 +3137,12 @@ var styles9 = StyleSheet12.create({
 // components/nav/header/ViewMenu.tsx
 import React19 from "react";
-import { StyleSheet as StyleSheet14, useWindowDimensions as useWindowDimensions2 } from "react-native";
+import { StyleSheet as StyleSheet15, useWindowDimensions as useWindowDimensions2 } from "react-native";
 import { ViewIcon } from "lucide-react-native";
 // components/useViewContext.tsx
 import createContainer from "constate";
-import React18, { useEffect as useEffect4, useMemo as useMemo4, useState as useState5 } from "react";
+import React18, { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
 import { EyeOff } from "lucide-react-native";
 import { OctagonX } from "lucide-react-native";
 import { CircleSlash } from "lucide-react-native";
@@ -3152,7 +3168,7 @@ function Card({
     {
       style: StyleSheet13.flatten([
         styles10.card,
-        { backgroundColor: colors.background, borderColor: colors.border },
+        { backgroundColor: colors.card, borderColor: colors.border },
         style
       ]),
       ...props
@@ -3243,18 +3259,41 @@ var styles10 = StyleSheet13.create({
 });
 // components/utilityResourceViews/ErrorMessageResourceView.tsx
-import { View as View11 } from "react-native";
+import { View as View11, StyleSheet as StyleSheet14 } from "react-native";
+import { useTheme as useTheme10 } from "@react-navigation/native";
 var ErrorMessageResourceView = ({ icon, message }) => {
   const Icon2 = icon;
-  return /* @__PURE__ */ React17.createElement(View11, { className: "flex-1 justify-center items-center bg-background" }, /* @__PURE__ */ React17.createElement(Card, { className: "max-w-100 p-6 items-center gap-4 m-4" }, /* @__PURE__ */ React17.createElement(Text2, null, /* @__PURE__ */ React17.createElement(Icon2, { size: 60 })), /* @__PURE__ */ React17.createElement(Text2, null, message)));
+  const { colors } = useTheme10();
+  return /* @__PURE__ */ React17.createElement(View11, { style: styles11.container }, /* @__PURE__ */ React17.createElement(Card, { style: styles11.card }, /* @__PURE__ */ React17.createElement(Icon2, { size: 60, color: colors.text, style: styles11.icon }), /* @__PURE__ */ React17.createElement(Text2, { style: styles11.message }, message)));
 };
+var styles11 = StyleSheet14.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  card: {
+    maxWidth: 400,
+    width: "100%",
+    padding: 24,
+    alignItems: "center",
+    gap: 16
+  },
+  icon: {
+    marginBottom: 8
+  },
+  message: {
+    textAlign: "center"
+  }
+});
 // components/useViewContext.tsx
 import { useLdo } from "@ldo/solid-react";
 var [ViewContextProvider, useViewContext] = createContainer(() => {
   const { targetUri, targetResource, refresh, navigateTo } = useTargetResource();
   const { resourceViews } = useDataBrowserConfig();
-  const { dataset: dataset2 } = useLdo();
+  const { dataset } = useLdo();
   const validViews = useMemo4(() => {
     if (!targetResource || !targetUri) {
       return [
@@ -3274,14 +3313,14 @@ var [ViewContextProvider, useViewContext] = createContainer(() => {
     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}`, OctagonX)];
-  }, [targetResource, targetUri, resourceViews, dataset2]);
+  }, [targetResource, targetUri, resourceViews, dataset]);
   const [curViewConfig, setCurViewConfig] = useState5(
     validViews[0]
   );
-  useEffect4(() => {
+  useEffect5(() => {
     setCurViewConfig(validViews[0]);
   }, [targetUri, validViews]);
   return {
@@ -3357,7 +3396,7 @@ function getErrorViews(targetResource) {
 }
 // components/nav/header/ViewMenu.tsx
-import { useTheme as useTheme10 } from "@react-navigation/native";
+import { useTheme as useTheme11 } from "@react-navigation/native";
 var ViewMenu = () => {
   const { validViews } = useViewContext();
   const { width } = useWindowDimensions2();
@@ -3371,21 +3410,21 @@ var ViewMenu = () => {
   )), /* @__PURE__ */ React19.createElement(
     DropdownMenuContent,
     {
-      style: StyleSheet14.flatten([styles11.contentContainer])
+      style: StyleSheet15.flatten([styles12.contentContainer])
     },
     validViews.map((menuItem) => /* @__PURE__ */ React19.createElement(ListItem, { key: menuItem.name, viewConfig: menuItem }, menuItem.displayName))
   ));
 };
 var ListItem = ({ viewConfig, children }) => {
   const { curViewConfig, setCurViewConfig } = useViewContext();
-  const { colors } = useTheme10();
+  const { colors } = useTheme11();
   const DisplayIcon = viewConfig.displayIcon;
   const isSelected = curViewConfig.name === viewConfig.name;
   return /* @__PURE__ */ React19.createElement(
     DropdownMenuItem,
     {
-      style: StyleSheet14.flatten([
-        styles11.listItem,
+      style: StyleSheet15.flatten([
+        styles12.listItem,
         isSelected && {
           backgroundColor: colors.border
         }
@@ -3397,7 +3436,7 @@ var ListItem = ({ viewConfig, children }) => {
   );
 };
 ListItem.displayName = "ListItem";
-var styles11 = StyleSheet14.create({
+var styles12 = StyleSheet15.create({
   triggerContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -3433,16 +3472,16 @@ import React32, {
   createContext as createContext5,
   useCallback as useCallback8,
   useContext as useContext5,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useMemo as useMemo9,
   useState as useState9
 } from "react";
-import { StyleSheet as StyleSheet26, useWindowDimensions as useWindowDimensions3 } from "react-native";
-import { useTheme as useTheme16 } from "@react-navigation/native";
+import { StyleSheet as StyleSheet27, useWindowDimensions as useWindowDimensions3 } from "react-native";
+import { useTheme as useTheme17 } from "@react-navigation/native";
 // components/sharing/CopyLink.tsx
 import React20, { useCallback as useCallback3, useState as useState6 } from "react";
-import { StyleSheet as StyleSheet15 } from "react-native";
+import { StyleSheet as StyleSheet16 } from "react-native";
 import { Link } from "lucide-react-native";
 var CopyLink = () => {
   const { targetUri } = useViewContext();
@@ -3457,14 +3496,14 @@ var CopyLink = () => {
     Button,
     {
       variant: "outline",
-      style: styles12.button,
+      style: styles13.button,
       onPress: onCopy,
       text: message,
       iconLeft: Link
     }
   );
 };
-var styles12 = StyleSheet15.create({
+var styles13 = StyleSheet16.create({
   button: {
     flexDirection: "row"
   }
@@ -3472,13 +3511,13 @@ var styles12 = StyleSheet15.create({
 // components/common/LoadingBar.tsx
 import React21 from "react";
-import { useTheme as useTheme11 } from "@react-navigation/native";
+import { useTheme as useTheme12 } from "@react-navigation/native";
 import { Bar } from "react-native-progress";
-import { StyleSheet as StyleSheet16 } from "react-native";
+import { StyleSheet as StyleSheet17 } from "react-native";
 var LoadingBar = ({
   isLoading
 }) => {
-  const { colors } = useTheme11();
+  const { colors } = useTheme12();
   if (!isLoading) return /* @__PURE__ */ React21.createElement(React21.Fragment, null);
   return /* @__PURE__ */ React21.createElement(
     Bar,
@@ -3488,11 +3527,11 @@ var LoadingBar = ({
       borderWidth: 0,
       borderRadius: 0,
       width: null,
-      style: styles13.bar
+      style: styles14.bar
     }
   );
 };
-var styles13 = StyleSheet16.create({
+var styles14 = StyleSheet17.create({
   bar: {
     position: "absolute",
     top: 0,
@@ -3506,27 +3545,27 @@ import { ScrollView as ScrollView2 } from "react-native";
 // components/sharing/WacRuleForm.tsx
 import React31 from "react";
-import { StyleSheet as StyleSheet25 } from "react-native";
+import { StyleSheet as StyleSheet26 } from "react-native";
 // components/ui/separator.tsx
-import { useTheme as useTheme12 } from "@react-navigation/native";
+import { useTheme as useTheme13 } from "@react-navigation/native";
 import * as SeparatorPrimitive from "@rn-primitives/separator";
 import * as React22 from "react";
-import { StyleSheet as StyleSheet17 } from "react-native";
+import { StyleSheet as StyleSheet18 } from "react-native";
 function Separator2({
   style,
   orientation = "horizontal",
   decorative = true,
   ...props
 }) {
-  const { colors } = useTheme12();
+  const { colors } = useTheme13();
   return /* @__PURE__ */ React22.createElement(
     SeparatorPrimitive.Root,
     {
       decorative,
       orientation,
-      style: StyleSheet17.flatten([
-        orientation === "horizontal" ? styles14.horizontal : styles14.vertical,
+      style: StyleSheet18.flatten([
+        orientation === "horizontal" ? styles15.horizontal : styles15.vertical,
         { backgroundColor: colors.border },
         style
       ]),
@@ -3534,7 +3573,7 @@ function Separator2({
     }
   );
 }
-var styles14 = StyleSheet17.create({
+var styles15 = StyleSheet18.create({
   horizontal: {
     flexShrink: 0,
     height: 1,
@@ -3552,22 +3591,22 @@ import React29, { useCallback as useCallback7 } from "react";
 // components/sharing/agentPermissions/AgentPermissionRow.tsx
 import React26 from "react";
-import { StyleSheet as StyleSheet21 } from "react-native";
+import { StyleSheet as StyleSheet22 } from "react-native";
 // components/sharing/agentPermissions/AgentInformation.tsx
-import { useResource as useResource3, useSolidAuth as useSolidAuth3, useSubject as useSubject2 } from "@ldo/solid-react";
+import { useResource as useResource3, useSolidAuth as useSolidAuth4, useSubject as useSubject2 } from "@ldo/solid-react";
 import React23 from "react";
-import { View as View12, StyleSheet as StyleSheet18 } from "react-native";
+import { View as View12, StyleSheet as StyleSheet19 } from "react-native";
 var AgentInformation = ({
   webId,
   accessoryRight
 }) => {
-  const { session } = useSolidAuth3();
+  const { session } = useSolidAuth4();
   useResource3(webId);
   const agentProfile = useSubject2(SolidProfileShapeType, webId);
-  return /* @__PURE__ */ React23.createElement(View12, { style: styles15.container }, /* @__PURE__ */ React23.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ React23.createElement(View12, { style: styles15.textContainer }, /* @__PURE__ */ React23.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ React23.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
+  return /* @__PURE__ */ React23.createElement(View12, { style: styles16.container }, /* @__PURE__ */ React23.createElement(ProfileAvatar, { profile: agentProfile }), /* @__PURE__ */ React23.createElement(View12, { style: styles16.textContainer }, /* @__PURE__ */ React23.createElement(Text2, null, agentProfile["@id"] === session.webId ? "You" : agentProfile.fn ?? agentProfile.name ?? "Unnamed Agent"), /* @__PURE__ */ React23.createElement(Text2, { size: "xs", muted: true }, webId)), accessoryRight);
 };
-var styles15 = StyleSheet18.create({
+var styles16 = StyleSheet19.create({
   container: {
     flexDirection: "row",
     gap: 16,
@@ -3585,9 +3624,9 @@ import React25, { useCallback as useCallback4, useMemo as useMemo5 } from "react
 // components/ui/checkbox.tsx
 import * as CheckboxPrimitive from "@rn-primitives/checkbox";
 import * as React24 from "react";
-import { Platform as Platform10, StyleSheet as StyleSheet19 } from "react-native";
+import { Platform as Platform9, StyleSheet as StyleSheet20 } from "react-native";
 import { Check as Check2 } from "lucide-react-native";
-import { useTheme as useTheme13 } from "@react-navigation/native";
+import { useTheme as useTheme14 } from "@react-navigation/native";
 var getCheckboxStyles = (checked = false, disabled = false, theme) => {
   const baseStyles = {
     height: 16,
@@ -3605,7 +3644,7 @@ var getCheckboxStyles = (checked = false, disabled = false, theme) => {
   const disabledStyles = disabled ? {
     opacity: 0.5
   } : {};
-  return StyleSheet19.flatten([baseStyles, checkedStyles, disabledStyles]);
+  return StyleSheet20.flatten([baseStyles, checkedStyles, disabledStyles]);
 };
 var getIndicatorStyles = () => ({
   alignItems: "center",
@@ -3617,8 +3656,8 @@ function Checkbox({
   style,
   ...props
 }) {
-  const theme = useTheme13();
-  const rootStyle = StyleSheet19.flatten([
+  const theme = useTheme14();
+  const rootStyle = StyleSheet20.flatten([
     getCheckboxStyles(props.checked, props.disabled, theme),
     style
   ]);
@@ -3626,7 +3665,7 @@ function Checkbox({
     Check2,
     {
       size: 12,
-      strokeWidth: Platform10.OS === "web" ? 2.5 : 3.5,
+      strokeWidth: Platform9.OS === "web" ? 2.5 : 3.5,
       color: theme.colors.background
     }
   )));
@@ -3634,7 +3673,7 @@ function Checkbox({
 // components/sharing/AccessDropdown.tsx
 import { ChevronDown as ChevronDown2 } from "lucide-react-native";
-import { StyleSheet as StyleSheet20 } from "react-native";
+import { StyleSheet as StyleSheet21 } from "react-native";
 var AccessDropdown = ({
   value,
   onChange
@@ -3663,7 +3702,7 @@ var AccessDropdown = ({
     },
     [onChange, value]
   );
-  return /* @__PURE__ */ React25.createElement(DropdownMenu, null, /* @__PURE__ */ React25.createElement(DropdownMenuTrigger, { asChild: true, style: styles16.button }, /* @__PURE__ */ React25.createElement(Button, { variant: "outline" }, /* @__PURE__ */ React25.createElement(Text2, null, accessDescription), /* @__PURE__ */ React25.createElement(Icon, { icon: ChevronDown2, style: styles16.buttonChevron }))), /* @__PURE__ */ React25.createElement(DropdownMenuContent, null, /* @__PURE__ */ React25.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ React25.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React25.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(DropdownMenu, null, /* @__PURE__ */ React25.createElement(DropdownMenuTrigger, { asChild: true, style: styles17.button }, /* @__PURE__ */ React25.createElement(Button, { variant: "outline" }, /* @__PURE__ */ React25.createElement(Text2, null, accessDescription), /* @__PURE__ */ React25.createElement(Icon, { icon: ChevronDown2, style: styles17.buttonChevron }))), /* @__PURE__ */ React25.createElement(DropdownMenuContent, null, /* @__PURE__ */ React25.createElement(DropdownMenuLabel, null, "Permissions"), /* @__PURE__ */ React25.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React25.createElement(DropdownMenuGroup, null, ["read", "append", "write", "control"].map((accessModeName) => /* @__PURE__ */ React25.createElement(
     DropdownMenuItem,
     {
       key: accessModeName,
@@ -3683,7 +3722,7 @@ var AccessDropdown = ({
     /* @__PURE__ */ React25.createElement(Text2, null, accessModeName.charAt(0).toUpperCase() + accessModeName.slice(1))
   )))));
 };
-var styles16 = StyleSheet20.create({
+var styles17 = StyleSheet21.create({
   button: {
     display: "flex",
     width: 130,
@@ -3703,18 +3742,18 @@ var AgentPermissionRow = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ React26.createElement(View13, { style: styles17.container }, /* @__PURE__ */ React26.createElement(AgentInformation, { webId }), /* @__PURE__ */ React26.createElement(View13, { style: styles17.rightSection }, /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React26.createElement(View13, { style: styles18.container }, /* @__PURE__ */ React26.createElement(AgentInformation, { webId }), /* @__PURE__ */ React26.createElement(View13, { style: styles18.rightSection }, /* @__PURE__ */ React26.createElement(
     Button,
     {
       variant: "ghost",
       onPress: () => onChange(void 0),
-      style: styles17.deleteButton,
+      style: styles18.deleteButton,
       iconLeft: Trash,
-      textStyle: styles17.deleteButtonText
+      textStyle: styles18.deleteButtonText
     }
   ), /* @__PURE__ */ React26.createElement(AccessDropdown, { value, onChange })));
 };
-var styles17 = StyleSheet21.create({
+var styles18 = StyleSheet22.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3733,10 +3772,10 @@ var styles17 = StyleSheet21.create({
 // components/sharing/agentPermissions/AgentInput.tsx
 import React28, { useCallback as useCallback6, useMemo as useMemo8, useState as useState8 } from "react";
-import { StyleSheet as StyleSheet23 } from "react-native";
-import { useTheme as useTheme15 } from "@react-navigation/native";
+import { StyleSheet as StyleSheet24 } from "react-native";
+import { useTheme as useTheme16 } from "@react-navigation/native";
 import { Pressable as Pressable3 } from "react-native";
-import { useLinkQuery, useSolidAuth as useSolidAuth4 } from "@ldo/solid-react";
+import { useLinkQuery, useSolidAuth as useSolidAuth5 } from "@ldo/solid-react";
 // components/ui/input-dropdown.tsx
 import React27, {
@@ -3744,10 +3783,10 @@ import React27, {
   useMemo as useMemo6,
   useState as useState7,
   useRef,
-  useEffect as useEffect5
+  useEffect as useEffect6
 } from "react";
-import { View as View14, StyleSheet as StyleSheet22 } from "react-native";
-import { useTheme as useTheme14 } from "@react-navigation/native";
+import { View as View14, StyleSheet as StyleSheet23 } from "react-native";
+import { useTheme as useTheme15 } from "@react-navigation/native";
 function InputDropdown({
   items,
   renderItem,
@@ -3761,7 +3800,7 @@ function InputDropdown({
   style,
   ...inputProps
 }) {
-  const { colors } = useTheme14();
+  const { colors } = useTheme15();
   const [isDropdownOpen, setIsDropdownOpen] = useState7(false);
   const inputRef = useRef(null);
   const filteredItems = useMemo6(() => {
@@ -3788,7 +3827,7 @@ function InputDropdown({
     },
     [onItemSelect]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     const handleClickOutside = (event) => {
       if (inputRef.current && !inputRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -3802,11 +3841,11 @@ function InputDropdown({
     }
   }, [isDropdownOpen]);
   const containerStyles = {
-    ...styles18.container,
+    ...styles19.container,
     ...style
   };
   const dropdownStyles = {
-    ...styles18.dropdown,
+    ...styles19.dropdown,
     backgroundColor: colors.background,
     borderColor: colors.border
   };
@@ -3820,7 +3859,7 @@ function InputDropdown({
     }
   ), isDropdownOpen && (filteredItems.length > 0 || isLoading) && /* @__PURE__ */ React27.createElement(Card, { style: dropdownStyles }, isLoading && /* @__PURE__ */ React27.createElement(LoadingBar, { isLoading }), filteredItems.map((item, index) => /* @__PURE__ */ React27.createElement(View14, { key: index }, renderItem(item, handleItemSelect)))));
 }
-var styles18 = StyleSheet22.create({
+var styles19 = StyleSheet23.create({
   container: {
     position: "relative"
   },
@@ -3866,12 +3905,12 @@ function useContactFilter(webIds, searchText, contactsWithNames) {
 // components/sharing/agentPermissions/AgentInput.tsx
 import { Plus } from "lucide-react-native";
 var ContactDropdownItem = ({ webId, onSelect }) => {
-  const { colors } = useTheme15();
+  const { colors } = useTheme16();
   return /* @__PURE__ */ React28.createElement(
     Pressable3,
     {
       style: ({ hovered }) => [
-        styles19.dropdownItem,
+        styles20.dropdownItem,
         { borderBottomColor: colors.border },
         hovered && { backgroundColor: colors.border }
       ],
@@ -3891,7 +3930,7 @@ var AgentInput = ({
   existingAgents,
   className
 }) => {
-  const { session } = useSolidAuth4();
+  const { session } = useSolidAuth5();
   const [inputValue, setInputValue] = useState8("");
   const currentUserProfile = useLinkQuery(
     SolidProfileShapeType,
@@ -3955,7 +3994,7 @@ var AgentInput = ({
     }
   );
 };
-var styles19 = StyleSheet23.create({
+var styles20 = StyleSheet24.create({
   dropdownItem: {
     padding: 8,
     borderBottomWidth: 1
@@ -4011,7 +4050,7 @@ import { View as View16 } from "react-native";
 // components/sharing/PermissionRow.tsx
 import React30 from "react";
-import { StyleSheet as StyleSheet24 } from "react-native";
+import { StyleSheet as StyleSheet25 } from "react-native";
 import { View as View15 } from "react-native";
 var PermissionRow = ({
   Icon: Icon2,
@@ -4019,9 +4058,9 @@ var PermissionRow = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ React30.createElement(View15, { style: styles20.container }, /* @__PURE__ */ React30.createElement(View15, { style: styles20.leftSection }, /* @__PURE__ */ React30.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ React30.createElement(AvatarFallback, null, /* @__PURE__ */ React30.createElement(Text2, null, /* @__PURE__ */ React30.createElement(Icon2, null)))), /* @__PURE__ */ React30.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ React30.createElement(AccessDropdown, { value, onChange }));
+  return /* @__PURE__ */ React30.createElement(View15, { style: styles21.container }, /* @__PURE__ */ React30.createElement(View15, { style: styles21.leftSection }, /* @__PURE__ */ React30.createElement(Avatar, { alt: displayName }, /* @__PURE__ */ React30.createElement(AvatarFallback, null, /* @__PURE__ */ React30.createElement(Text2, null, /* @__PURE__ */ React30.createElement(Icon2, null)))), /* @__PURE__ */ React30.createElement(Text2, { bold: true }, displayName)), /* @__PURE__ */ React30.createElement(AccessDropdown, { value, onChange }));
 };
-var styles20 = StyleSheet24.create({
+var styles21 = StyleSheet25.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -4042,7 +4081,7 @@ var WacRuleForm = ({
   value,
   onChange
 }) => {
-  return /* @__PURE__ */ React31.createElement(View16, { style: styles21.container }, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React31.createElement(View16, { style: styles22.container }, /* @__PURE__ */ React31.createElement(
     PermissionRow,
     {
       displayName: "Public Access",
@@ -4066,7 +4105,7 @@ var WacRuleForm = ({
     }
   ));
 };
-var styles21 = StyleSheet25.create({
+var styles22 = StyleSheet26.create({
   container: {
     gap: 16,
     marginTop: 8,
@@ -4090,8 +4129,9 @@ var SharingModalProvider = ({
   children
 }) => {
   const { targetResource } = useViewContext();
-  const { colors } = useTheme16();
+  const { colors } = useTheme17();
   const [isOpen, setIsOpen] = useState9(false);
+  const [resourceOverride, setResourceOverride] = useState9();
   const [wacResult, setWacResult] = useState9();
   const [isLoading, setIsLoading] = useState9(false);
   const [editedRules, setEditedRules] = useState9({
@@ -4100,10 +4140,11 @@ var SharingModalProvider = ({
     agent: {}
   });
   const { width, height } = useWindowDimensions3();
-  useEffect6(() => {
-    if (targetResource && targetResource.type !== "InvalidIdentifierResource" && isOpen) {
+  const activeResource = resourceOverride ?? targetResource;
+  useEffect7(() => {
+    if (isOpen && (activeResource?.type === "SolidContainer" || activeResource?.type === "SolidLeaf")) {
       setIsLoading(true);
-      targetResource.getWac().then((wac) => {
+      activeResource.getWac().then((wac) => {
         setWacResult(
           wac
         );
@@ -4113,7 +4154,7 @@ var SharingModalProvider = ({
         setIsLoading(false);
       });
     }
-  }, [targetResource, isOpen]);
+  }, [activeResource, isOpen]);
   const didEdit = useMemo9(() => {
     if (wacResult?.type !== "getWacRuleSuccess") return false;
     return !isEqual(editedRules, wacResult.wacRule);
@@ -4121,19 +4162,26 @@ var SharingModalProvider = ({
   const context = useMemo9(
     () => ({
       isModalOpen: isOpen,
-      openSharingModal: () => setIsOpen(true),
-      closeSharingModal: () => setIsOpen(false)
+      openSharingModal: (resource) => {
+        setResourceOverride(resource);
+        setIsOpen(true);
+      },
+      closeSharingModal: () => {
+        setIsOpen(false);
+        setResourceOverride(void 0);
+      }
     }),
     [isOpen]
   );
   const onApplyChanges = useCallback8(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__ */ React32.createElement(sharingModalContext.Provider, { value: context }, /* @__PURE__ */ React32.createElement(Dialog, { open: isOpen, onOpenChange: (value) => setIsOpen(value) }, /* @__PURE__ */ React32.createElement(
     DialogContent,
     {
@@ -4147,7 +4195,7 @@ var SharingModalProvider = ({
     /* @__PURE__ */ React32.createElement(
       ScrollView2,
       {
-        style: [{ borderColor: colors.border }, styles22.scrollView]
+        style: [{ borderColor: colors.border }, styles23.scrollView]
       },
       (() => {
         if (!wacResult) return /* @__PURE__ */ React32.createElement(React32.Fragment, null);
@@ -4166,11 +4214,10 @@ var SharingModalProvider = ({
     ))
   )), children);
 };
-var styles22 = StyleSheet26.create({
+var styles23 = StyleSheet27.create({
   scrollView: {
     flex: 1,
     borderTopWidth: 1,
-    borderBottomWidth: 1,
     paddingTop: 8,
     paddingBottom: 8,
     marginLeft: -24,
@@ -4182,33 +4229,26 @@ var styles22 = StyleSheet26.create({
 // components/nav/header/Header.tsx
 var Header = () => {
-  const { session } = useSolidAuth5();
+  const { session } = useSolidAuth6();
   const { openSharingModal } = useSharingModal();
-  const { colors } = useTheme17();
-  return /* @__PURE__ */ React33.createElement(
-    Card,
+  const { targetResource } = useViewContext();
+  const handleShare = () => {
+    if (targetResource?.type === "SolidLeaf" || targetResource?.type === "SolidContainer") {
+      openSharingModal(targetResource);
+    }
+  };
+  return /* @__PURE__ */ React33.createElement(Card, { style: styles24.card }, /* @__PURE__ */ React33.createElement(AddressBox, null), session.isActive && /* @__PURE__ */ React33.createElement(
+    Button,
     {
-      style: [
-        styles23.card,
-        { borderBottomWidth: 1, borderBottomColor: colors.border }
-      ]
-    },
-    /* @__PURE__ */ React33.createElement(AddressBox, null),
-    session.isLoggedIn && /* @__PURE__ */ React33.createElement(
-      Button,
-      {
-        key: "setMemu",
-        variant: "ghost",
-        style: styles23.shareButton,
-        onPress: openSharingModal,
-        iconLeft: UserPlus
-      }
-    ),
-    /* @__PURE__ */ React33.createElement(ViewMenu, null),
-    session.isLoggedIn ? /* @__PURE__ */ React33.createElement(AvatarMenu, null) : /* @__PURE__ */ React33.createElement(SignInMenu, null)
-  );
+      key: "setMemu",
+      variant: "ghost",
+      style: styles24.shareButton,
+      onPress: handleShare,
+      iconLeft: UserPlus
+    }
+  ), /* @__PURE__ */ React33.createElement(ViewMenu, null), session.isActive ? /* @__PURE__ */ React33.createElement(AvatarMenu, null) : /* @__PURE__ */ React33.createElement(SignInMenu, null));
 };
-var styles23 = StyleSheet27.create({
+var styles24 = StyleSheet28.create({
   card: {
     height: 56,
     flexDirection: "row",
@@ -4229,7 +4269,7 @@ var styles23 = StyleSheet27.create({
 });
 // components/nav/Layout.tsx
-import { View as View18, StyleSheet as StyleSheet28 } from "react-native";
+import { View as View18, StyleSheet as StyleSheet29 } from "react-native";
 // components/nav/DialogProvider.tsx
 import React34, {
@@ -4308,11 +4348,11 @@ var DialogProvider = ({
 };
 // components/nav/Layout.tsx
-import { useSolidAuth as useSolidAuth6 } from "@ldo/solid-react";
+import { useSolidAuth as useSolidAuth7 } from "@ldo/solid-react";
 import { useTheme as useTheme18 } from "@react-navigation/native";
 var ValidViewContext = createContext7({});
 var Layout = () => {
-  const { ranInitialAuthCheck } = useSolidAuth6();
+  const { ranInitialAuthCheck } = useSolidAuth7();
   const { colors } = useTheme18();
   if (!ranInitialAuthCheck) {
     return /* @__PURE__ */ React35.createElement(React35.Fragment, null);
@@ -4320,10 +4360,10 @@ var Layout = () => {
   return /* @__PURE__ */ React35.createElement(DialogProvider, null, /* @__PURE__ */ React35.createElement(ViewContextProvider, null, /* @__PURE__ */ React35.createElement(SharingModalProvider, null, /* @__PURE__ */ React35.createElement(
     View18,
     {
-      style: [styles24.container, { backgroundColor: colors.background }]
+      style: [styles25.container, { backgroundColor: colors.background }]
     },
     /* @__PURE__ */ React35.createElement(Header, null),
-    /* @__PURE__ */ React35.createElement(View18, { style: styles24.contentView }, /* @__PURE__ */ React35.createElement(RenderView, null))
+    /* @__PURE__ */ React35.createElement(View18, { style: styles25.contentView }, /* @__PURE__ */ React35.createElement(RenderView, null))
   ))));
 };
 var RenderView = () => {
@@ -4336,7 +4376,7 @@ var RenderView = () => {
   const CurView = viewToRender.view;
   return /* @__PURE__ */ React35.createElement(CurView, null);
 };
-var styles24 = StyleSheet28.create({
+var styles25 = StyleSheet29.create({
   container: {
     flex: 1
   },
@@ -4349,11 +4389,11 @@ var styles24 = StyleSheet28.create({
 // components/DataBrowser.tsx
 import { PortalHost } from "@rn-primitives/portal";
 import { NotifierWrapper } from "react-native-notifier";
-import { Platform as Platform11 } from "react-native";
+import { Platform as Platform10 } from "react-native";
 var DataBrowser = (props) => {
   const providerProps = useMemo10(() => {
     return {
-      origin: Platform11.OS === "web" && !props.origin ? window.location.origin : void 0,
+      origin: Platform10.OS === "web" && !props.origin ? window.location.origin : void 0,
       defaultIssuer: props.mode === "server-ui" ? window.location.origin : "https://solidcommunity.net",
       ...props
     };
@@ -4364,7 +4404,7 @@ var DataBrowser = (props) => {
 // components/ui/accordion.tsx
 import * as AccordionPrimitive from "@rn-primitives/accordion";
 import * as React37 from "react";
-import { Platform as Platform12, Pressable as Pressable4, View as View19, StyleSheet as StyleSheet29 } from "react-native";
+import { Platform as Platform11, Pressable as Pressable4, View as View19, StyleSheet as StyleSheet30 } from "react-native";
 import Animated3, {
   Extrapolation,
   FadeIn as FadeIn2,
@@ -4386,7 +4426,7 @@ function Accordion({
     AccordionPrimitive.Root,
     {
       ...props,
-      asChild: Platform12.OS !== "web"
+      asChild: Platform11.OS !== "web"
     },
     /* @__PURE__ */ React37.createElement(Animated3.View, { layout: LinearTransition.duration(200) }, children)
   ));
@@ -4400,14 +4440,14 @@ function AccordionItem({
   return /* @__PURE__ */ React37.createElement(
     Animated3.View,
     {
-      style: [styles25.itemContainer, { overflow: "hidden" }],
+      style: [styles26.itemContainer, { overflow: "hidden" }],
       layout: LinearTransition.duration(200)
     },
     /* @__PURE__ */ React37.createElement(
       AccordionPrimitive.Item,
       {
-        style: StyleSheet29.flatten([
-          styles25.item,
+        style: StyleSheet30.flatten([
+          styles26.item,
           { borderBottomColor: colors.border },
           style
         ]),
@@ -4417,7 +4457,7 @@ function AccordionItem({
     )
   );
 }
-var Trigger4 = Platform12.OS === "web" ? View19 : Pressable4;
+var Trigger4 = Platform11.OS === "web" ? View19 : Pressable4;
 function AccordionTrigger({
   style,
   children,
@@ -4433,16 +4473,16 @@ function AccordionTrigger({
     opacity: interpolate(progress.value, [0, 1], [1, 0.8], Extrapolation.CLAMP)
   }));
   const textStyles2 = {
-    fontSize: Platform12.OS === "web" ? 16 : 18,
+    fontSize: Platform11.OS === "web" ? 16 : 18,
     fontWeight: "500",
     color: colors.text
   };
-  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles25.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
+  return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Header, { style: styles26.header }, /* @__PURE__ */ React37.createElement(AccordionPrimitive.Trigger, { ...props, asChild: true }, /* @__PURE__ */ React37.createElement(
     Trigger4,
     {
-      style: StyleSheet29.flatten([
-        styles25.trigger,
-        { flex: Platform12.OS === "web" ? 1 : void 0 },
+      style: StyleSheet30.flatten([
+        styles26.trigger,
+        { flex: Platform11.OS === "web" ? 1 : void 0 },
         style
       ])
     },
@@ -4457,40 +4497,40 @@ function AccordionContent({
 }) {
   const { colors } = useTheme19();
   const textStyles2 = {
-    fontSize: Platform12.OS === "web" ? 14 : 18,
+    fontSize: Platform11.OS === "web" ? 14 : 18,
     color: colors.text
   };
   return /* @__PURE__ */ React37.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React37.createElement(
     AccordionPrimitive.Content,
     {
-      style: StyleSheet29.flatten([
-        styles25.content,
+      style: StyleSheet30.flatten([
+        styles26.content,
         { overflow: "hidden" },
         style
       ]),
       ...props
     },
-    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles25.innerContent }, children)
+    /* @__PURE__ */ React37.createElement(InnerContent, { style: styles26.innerContent }, children)
   ));
 }
 function InnerContent({
   children,
   style
 }) {
-  if (Platform12.OS === "web") {
-    return /* @__PURE__ */ React37.createElement(View19, { style: StyleSheet29.flatten([styles25.innerContent, style]) }, children);
+  if (Platform11.OS === "web") {
+    return /* @__PURE__ */ React37.createElement(View19, { style: StyleSheet30.flatten([styles26.innerContent, style]) }, children);
   }
   return /* @__PURE__ */ React37.createElement(
     Animated3.View,
     {
       entering: FadeIn2,
       exiting: FadeOutUp.duration(200),
-      style: StyleSheet29.flatten([styles25.innerContent, style])
+      style: StyleSheet30.flatten([styles26.innerContent, style])
     },
     children
   );
 }
-var styles25 = StyleSheet29.create({
+var styles26 = StyleSheet30.create({
   itemContainer: {
     overflow: "hidden"
   },
@@ -4517,7 +4557,7 @@ var styles25 = StyleSheet29.create({
 // components/ui/alert.tsx
 import { useTheme as useTheme20 } from "@react-navigation/native";
 import * as React38 from "react";
-import { View as View20, StyleSheet as StyleSheet30 } from "react-native";
+import { View as View20, StyleSheet as StyleSheet31 } from "react-native";
 function Alert({
   style,
   variant = "default",
@@ -4533,9 +4573,9 @@ function Alert({
       borderColor: variant === "destructive" ? colors.notification : colors.border,
       shadowColor: colors.text
     };
-    return StyleSheet30.flatten([styles26.base, baseAlertStyles, style]);
+    return StyleSheet31.flatten([styles27.base, baseAlertStyles, style]);
   };
-  return /* @__PURE__ */ React38.createElement(View20, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(View20, { style: styles26.icon }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement(View20, { role: "alert", style: getAlertStyles(), ...props }, /* @__PURE__ */ React38.createElement(View20, { style: styles27.icon }, /* @__PURE__ */ React38.createElement(
     Icon2,
     {
       size: iconSize,
@@ -4548,7 +4588,7 @@ function AlertTitle({ style, ...props }) {
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: StyleSheet30.flatten([styles26.title, { color: colors.text }, style]),
+      style: StyleSheet31.flatten([styles27.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -4561,8 +4601,8 @@ function AlertDescription({
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: StyleSheet30.flatten([
-        styles26.description,
+      style: StyleSheet31.flatten([
+        styles27.description,
         { color: colors.text },
         style
       ]),
@@ -4570,7 +4610,7 @@ function AlertDescription({
     }
   );
 }
-var styles26 = StyleSheet30.create({
+var styles27 = StyleSheet31.create({
   base: {
     position: "relative",
     width: "100%",
@@ -4616,7 +4656,7 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // components/ui/badge.tsx
 import React39 from "react";
 import * as Slot2 from "@rn-primitives/slot";
-import { View as View22, StyleSheet as StyleSheet31 } from "react-native";
+import { View as View22, StyleSheet as StyleSheet32 } from "react-native";
 import { useTheme as useTheme21 } from "@react-navigation/native";
 function Badge({ style, variant = "default", asChild, ...props }) {
   const { colors } = useTheme21();
@@ -4652,18 +4692,18 @@ function Badge({ style, variant = "default", asChild, ...props }) {
         return colors.background;
     }
   };
-  const badgeStyle = StyleSheet31.flatten([
-    styles27.base,
+  const badgeStyle = StyleSheet32.flatten([
+    styles28.base,
     getVariantStyles(),
     style
   ]);
-  const textStyle = StyleSheet31.flatten([
+  const textStyle = StyleSheet32.flatten([
     textStyles.base,
     { color: getTextColor() }
   ]);
   return /* @__PURE__ */ React39.createElement(TextStyleProvider, { style: textStyle }, /* @__PURE__ */ React39.createElement(Component, { style: badgeStyle, ...props }));
 }
-var styles27 = StyleSheet31.create({
+var styles28 = StyleSheet32.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -4673,7 +4713,7 @@ var styles27 = StyleSheet31.create({
     paddingVertical: 2
   }
 });
-var textStyles = StyleSheet31.create({
+var textStyles = StyleSheet32.create({
   base: {
     fontSize: 12,
     fontWeight: "600"
@@ -4690,8 +4730,8 @@ var CollapsibleContent = CollapsiblePrimitive.Content;
 import * as ContextMenuPrimitive from "@rn-primitives/context-menu";
 import * as React40 from "react";
 import {
-  Platform as Platform13,
-  StyleSheet as StyleSheet32,
+  Platform as Platform12,
+  StyleSheet as StyleSheet33,
   Text as Text5,
   View as View23
 } from "react-native";
@@ -4713,28 +4753,28 @@ function ContextMenuSubTrigger({
 }) {
   const { colors } = useTheme22();
   const { open } = ContextMenuPrimitive.useSubContext();
-  const Icon2 = Platform13.OS === "web" ? ChevronRight3 : open ? ChevronUp2 : ChevronDown4;
+  const Icon2 = Platform12.OS === "web" ? ChevronRight3 : open ? ChevronUp2 : ChevronDown4;
   const textStyles2 = {
-    fontSize: Platform13.OS === "web" ? 14 : 18,
+    fontSize: Platform12.OS === "web" ? 14 : 18,
     color: open ? colors.primary : colors.primary
   };
-  const triggerStyles = StyleSheet32.flatten([
-    styles28.subTrigger,
+  const triggerStyles = StyleSheet33.flatten([
+    styles29.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles28.icon })));
+  return /* @__PURE__ */ React40.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React40.createElement(Icon2, { size: 18, color: colors.text, style: styles29.icon })));
 }
 function ContextMenuSubContent({
   style,
   ...props
 }) {
   const { colors } = useTheme22();
-  const contentStyles = StyleSheet32.flatten([
-    styles28.subContent,
+  const contentStyles = StyleSheet33.flatten([
+    styles29.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4751,8 +4791,8 @@ function ContextMenuContent({
   ...props
 }) {
   const { colors } = useTheme22();
-  const contentStyles = StyleSheet32.flatten([
-    styles28.content,
+  const contentStyles = StyleSheet33.flatten([
+    styles29.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4763,10 +4803,10 @@ function ContextMenuContent({
   return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React40.createElement(
     ContextMenuPrimitive.Overlay,
     {
-      style: overlayStyle ? StyleSheet32.flatten([
-        Platform13.OS !== "web" ? StyleSheet32.absoluteFill : void 0,
+      style: overlayStyle ? StyleSheet33.flatten([
+        Platform12.OS !== "web" ? StyleSheet33.absoluteFill : void 0,
         overlayStyle
-      ]) : Platform13.OS !== "web" ? StyleSheet32.absoluteFill : void 0
+      ]) : Platform12.OS !== "web" ? StyleSheet33.absoluteFill : void 0
     },
     /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Content, { style: contentStyles, ...props })
   ));
@@ -4778,11 +4818,11 @@ function ContextMenuItem({
 }) {
   const { colors } = useTheme22();
   const textStyles2 = {
-    fontSize: Platform13.OS === "web" ? 14 : 18,
+    fontSize: Platform12.OS === "web" ? 14 : 18,
     color: colors.text
   };
-  const itemStyles = StyleSheet32.flatten([
-    styles28.item,
+  const itemStyles = StyleSheet33.flatten([
+    styles29.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -4797,14 +4837,14 @@ function ContextMenuCheckboxItem({
   ...props
 }) {
   const { colors } = useTheme22();
-  const checkboxStyles = StyleSheet32.flatten([
-    styles28.checkboxItem,
+  const checkboxStyles = StyleSheet33.flatten([
+    styles29.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(View23, { style: styles28.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(Check3, { size: 14, strokeWidth: 3, color: colors.text }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.CheckboxItem, { style: checkboxStyles, ...props }, /* @__PURE__ */ React40.createElement(View23, { style: styles29.checkboxIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(Check3, { size: 14, strokeWidth: 3, color: colors.text }))), children);
 }
 function ContextMenuRadioItem({
   style,
@@ -4812,14 +4852,14 @@ function ContextMenuRadioItem({
   ...props
 }) {
   const { colors } = useTheme22();
-  const radioStyles = StyleSheet32.flatten([
-    styles28.radioItem,
+  const radioStyles = StyleSheet33.flatten([
+    styles29.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(View23, { style: styles28.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(View23, { style: [styles28.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React40.createElement(View23, { style: styles29.radioIndicator }, /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React40.createElement(View23, { style: [styles29.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function ContextMenuLabel({
   style,
@@ -4827,8 +4867,8 @@ function ContextMenuLabel({
   ...props
 }) {
   const { colors } = useTheme22();
-  const labelStyles = StyleSheet32.flatten([
-    styles28.label,
+  const labelStyles = StyleSheet33.flatten([
+    styles29.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -4842,8 +4882,8 @@ function ContextMenuSeparator({
   ...props
 }) {
   const { colors } = useTheme22();
-  const separatorStyles = StyleSheet32.flatten([
-    styles28.separator,
+  const separatorStyles = StyleSheet33.flatten([
+    styles29.separator,
     {
       backgroundColor: colors.border
     },
@@ -4853,8 +4893,8 @@ function ContextMenuSeparator({
 }
 function ContextMenuShortcut({ style, ...props }) {
   const { colors } = useTheme22();
-  const shortcutStyles = StyleSheet32.flatten([
-    styles28.shortcut,
+  const shortcutStyles = StyleSheet33.flatten([
+    styles29.shortcut,
     {
       color: colors.text
     },
@@ -4862,7 +4902,7 @@ function ContextMenuShortcut({ style, ...props }) {
   ]);
   return /* @__PURE__ */ React40.createElement(Text5, { style: shortcutStyles, ...props });
 }
-var styles28 = StyleSheet32.create({
+var styles29 = StyleSheet33.create({
   subTrigger: {
     flexDirection: "row",
     alignItems: "center",
@@ -4947,7 +4987,7 @@ var styles28 = StyleSheet32.create({
   label: {
     paddingHorizontal: 8,
     paddingVertical: 6,
-    fontSize: Platform13.OS === "web" ? 14 : 16,
+    fontSize: Platform12.OS === "web" ? 14 : 16,
     fontWeight: "600"
   },
   separator: {
@@ -4957,7 +4997,7 @@ var styles28 = StyleSheet32.create({
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: Platform13.OS === "web" ? 12 : 14,
+    fontSize: Platform12.OS === "web" ? 12 : 14,
     letterSpacing: 1
   }
 });
@@ -4965,7 +5005,7 @@ var styles28 = StyleSheet32.create({
 // components/ui/hover-card.tsx
 import * as HoverCardPrimitive from "@rn-primitives/hover-card";
 import * as React41 from "react";
-import { Platform as Platform14, StyleSheet as StyleSheet33 } from "react-native";
+import { Platform as Platform13, StyleSheet as StyleSheet34 } from "react-native";
 import Animated4, { FadeIn as FadeIn3 } from "react-native-reanimated";
 import { useTheme as useTheme23 } from "@react-navigation/native";
 var HoverCard = HoverCardPrimitive.Root;
@@ -4977,8 +5017,8 @@ function HoverCardContent({
   ...props
 }) {
   const { colors } = useTheme23();
-  const contentStyles = StyleSheet33.flatten([
-    styles29.content,
+  const contentStyles = StyleSheet34.flatten([
+    styles30.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4992,7 +5032,7 @@ function HoverCardContent({
   return /* @__PURE__ */ React41.createElement(HoverCardPrimitive.Portal, null, /* @__PURE__ */ React41.createElement(
     HoverCardPrimitive.Overlay,
     {
-      style: Platform14.OS !== "web" ? StyleSheet33.absoluteFill : void 0
+      style: Platform13.OS !== "web" ? StyleSheet34.absoluteFill : void 0
     },
     /* @__PURE__ */ React41.createElement(Animated4.View, { entering: FadeIn3 }, /* @__PURE__ */ React41.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React41.createElement(
       HoverCardPrimitive.Content,
@@ -5005,7 +5045,7 @@ function HoverCardContent({
     )))
   ));
 }
-var styles29 = StyleSheet33.create({
+var styles30 = StyleSheet34.create({
   content: {
     zIndex: 50,
     width: 256,
@@ -5022,7 +5062,7 @@ var styles29 = StyleSheet33.create({
 // components/ui/label.tsx
 import * as LabelPrimitive from "@rn-primitives/label";
 import * as React42 from "react";
-import { StyleSheet as StyleSheet34 } from "react-native";
+import { StyleSheet as StyleSheet35 } from "react-native";
 function Label3({
   style,
   onPress,
@@ -5034,7 +5074,7 @@ function Label3({
   return /* @__PURE__ */ React42.createElement(
     LabelPrimitive.Root,
     {
-      style: styles30.root,
+      style: styles31.root,
       onPress,
       onLongPress,
       onPressIn,
@@ -5043,13 +5083,13 @@ function Label3({
     /* @__PURE__ */ React42.createElement(
       LabelPrimitive.Text,
       {
-        style: StyleSheet34.flatten([styles30.text, style]),
+        style: StyleSheet35.flatten([styles31.text, style]),
         ...props
       }
     )
   );
 }
-var styles30 = StyleSheet34.create({
+var styles31 = StyleSheet35.create({
   root: {
     // web:cursor-default - handled by platform
   },
@@ -5066,7 +5106,7 @@ var styles30 = StyleSheet34.create({
 // components/ui/menubar.tsx
 import * as MenubarPrimitive from "@rn-primitives/menubar";
 import * as React43 from "react";
-import { Platform as Platform15, Text as Text7, View as View24, StyleSheet as StyleSheet35 } from "react-native";
+import { Platform as Platform14, Text as Text7, View as View24, StyleSheet as StyleSheet36 } from "react-native";
 import { Check as Check4 } from "lucide-react-native";
 import { ChevronDown as ChevronDown5 } from "lucide-react-native";
 import { ChevronRight as ChevronRight4 } from "lucide-react-native";
@@ -5082,8 +5122,8 @@ function Menubar({
   ...props
 }) {
   const { colors } = useTheme24();
-  const rootStyles = StyleSheet35.flatten([
-    styles31.root,
+  const rootStyles = StyleSheet36.flatten([
+    styles32.root,
     {
       backgroundColor: colors.background,
       borderColor: colors.border
@@ -5099,8 +5139,8 @@ function MenubarTrigger({
   const { colors } = useTheme24();
   const { value } = MenubarPrimitive.useRootContext();
   const { value: itemValue } = MenubarPrimitive.useMenuContext();
-  const triggerStyles = StyleSheet35.flatten([
-    styles31.trigger,
+  const triggerStyles = StyleSheet36.flatten([
+    styles32.trigger,
     {
       backgroundColor: value === itemValue ? colors.border : "transparent",
       color: value === itemValue ? colors.text : colors.text
@@ -5117,28 +5157,28 @@ function MenubarSubTrigger({
 }) {
   const { colors } = useTheme24();
   const { open } = MenubarPrimitive.useSubContext();
-  const Icon2 = Platform15.OS === "web" ? ChevronRight4 : open ? ChevronUp3 : ChevronDown5;
+  const Icon2 = Platform14.OS === "web" ? ChevronRight4 : open ? ChevronUp3 : ChevronDown5;
   const textStyles2 = {
-    fontSize: Platform15.OS === "web" ? 14 : 18,
+    fontSize: Platform14.OS === "web" ? 14 : 18,
     color: open ? colors.primary : colors.primary
   };
-  const triggerStyles = StyleSheet35.flatten([
-    styles31.subTrigger,
+  const triggerStyles = StyleSheet36.flatten([
+    styles32.subTrigger,
     {
       backgroundColor: open ? colors.border : "transparent",
       paddingLeft: inset ? 32 : 8
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles31.icon })));
+  return /* @__PURE__ */ React43.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.SubTrigger, { style: triggerStyles, ...props }, children, /* @__PURE__ */ React43.createElement(Icon2, { size: 18, color: colors.text, style: styles32.icon })));
 }
 function MenubarSubContent({
   style,
   ...props
 }) {
   const { colors } = useTheme24();
-  const contentStyles = StyleSheet35.flatten([
-    styles31.subContent,
+  const contentStyles = StyleSheet36.flatten([
+    styles32.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5154,8 +5194,8 @@ function MenubarContent({
   ...props
 }) {
   const { colors } = useTheme24();
-  const contentStyles = StyleSheet35.flatten([
-    styles31.content,
+  const contentStyles = StyleSheet36.flatten([
+    styles32.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5172,11 +5212,11 @@ function MenubarItem({
 }) {
   const { colors } = useTheme24();
   const textStyles2 = {
-    fontSize: Platform15.OS === "web" ? 14 : 18,
+    fontSize: Platform14.OS === "web" ? 14 : 18,
     color: colors.text
   };
-  const itemStyles = StyleSheet35.flatten([
-    styles31.item,
+  const itemStyles = StyleSheet36.flatten([
+    styles32.item,
     {
       paddingLeft: inset ? 32 : 8,
       opacity: props.disabled ? 0.5 : 1
@@ -5192,8 +5232,8 @@ function MenubarCheckboxItem({
   ...props
 }) {
   const { colors } = useTheme24();
-  const checkboxStyles = StyleSheet35.flatten([
-    styles31.checkboxItem,
+  const checkboxStyles = StyleSheet36.flatten([
+    styles32.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
@@ -5206,7 +5246,7 @@ function MenubarCheckboxItem({
       checked,
       ...props
     },
-    /* @__PURE__ */ React43.createElement(View24, { style: styles31.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(Check4, { size: 14, strokeWidth: 3, color: colors.text }))),
+    /* @__PURE__ */ React43.createElement(View24, { style: styles32.checkboxIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(Check4, { size: 14, strokeWidth: 3, color: colors.text }))),
     children
   );
 }
@@ -5216,14 +5256,14 @@ function MenubarRadioItem({
   ...props
 }) {
   const { colors } = useTheme24();
-  const radioStyles = StyleSheet35.flatten([
-    styles31.radioItem,
+  const radioStyles = StyleSheet36.flatten([
+    styles32.radioItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(View24, { style: styles31.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(View24, { style: [styles31.radioDot, { backgroundColor: colors.text }] }))), children);
+  return /* @__PURE__ */ React43.createElement(MenubarPrimitive.RadioItem, { style: radioStyles, ...props }, /* @__PURE__ */ React43.createElement(View24, { style: styles32.radioIndicator }, /* @__PURE__ */ React43.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React43.createElement(View24, { style: [styles32.radioDot, { backgroundColor: colors.text }] }))), children);
 }
 function MenubarLabel({
   style,
@@ -5231,8 +5271,8 @@ function MenubarLabel({
   ...props
 }) {
   const { colors } = useTheme24();
-  const labelStyles = StyleSheet35.flatten([
-    styles31.label,
+  const labelStyles = StyleSheet36.flatten([
+    styles32.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -5246,8 +5286,8 @@ function MenubarSeparator({
   ...props
 }) {
   const { colors } = useTheme24();
-  const separatorStyles = StyleSheet35.flatten([
-    styles31.separator,
+  const separatorStyles = StyleSheet36.flatten([
+    styles32.separator,
     {
       backgroundColor: colors.border
     },
@@ -5257,8 +5297,8 @@ function MenubarSeparator({
 }
 function MenubarShortcut({ style, ...props }) {
   const { colors } = useTheme24();
-  const shortcutStyles = StyleSheet35.flatten([
-    styles31.shortcut,
+  const shortcutStyles = StyleSheet36.flatten([
+    styles32.shortcut,
     {
       color: colors.text
     },
@@ -5266,10 +5306,10 @@ function MenubarShortcut({ style, ...props }) {
   ]);
   return /* @__PURE__ */ React43.createElement(Text7, { style: shortcutStyles, ...props });
 }
-var styles31 = StyleSheet35.create({
+var styles32 = StyleSheet36.create({
   root: {
     flexDirection: "row",
-    height: Platform15.OS === "web" ? 40 : 48,
+    height: Platform14.OS === "web" ? 40 : 48,
     alignItems: "center",
     gap: 4,
     borderRadius: 6,
@@ -5282,7 +5322,7 @@ var styles31 = StyleSheet35.create({
     borderRadius: 6,
     paddingHorizontal: 12,
     paddingVertical: 6,
-    fontSize: Platform15.OS === "web" ? 14 : 16,
+    fontSize: Platform14.OS === "web" ? 14 : 16,
     fontWeight: "500"
   },
   subTrigger: {
@@ -5366,7 +5406,7 @@ var styles31 = StyleSheet35.create({
   label: {
     paddingHorizontal: 8,
     paddingVertical: 6,
-    fontSize: Platform15.OS === "web" ? 14 : 16,
+    fontSize: Platform14.OS === "web" ? 14 : 16,
     fontWeight: "600"
   },
   separator: {
@@ -5376,7 +5416,7 @@ var styles31 = StyleSheet35.create({
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: Platform15.OS === "web" ? 12 : 14,
+    fontSize: Platform14.OS === "web" ? 12 : 14,
     letterSpacing: 1
   },
   icon: {
@@ -5387,7 +5427,7 @@ var styles31 = StyleSheet35.create({
 // components/ui/navigation-menu.tsx
 import * as NavigationMenuPrimitive from "@rn-primitives/navigation-menu";
 import * as React44 from "react";
-import { Platform as Platform16, View as View25, StyleSheet as StyleSheet36, Pressable as Pressable5 } from "react-native";
+import { Platform as Platform15, View as View25, StyleSheet as StyleSheet37, Pressable as Pressable5 } from "react-native";
 import { ChevronDown as ChevronDown6 } from "lucide-react-native";
 import { useTheme as useTheme25 } from "@react-navigation/native";
 function NavigationMenu({
@@ -5398,11 +5438,11 @@ function NavigationMenu({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Root,
     {
-      style: StyleSheet36.flatten([styles32.navigationMenu, style]),
+      style: StyleSheet37.flatten([styles33.navigationMenu, style]),
       ...props
     },
     children,
-    Platform16.OS === "web" && /* @__PURE__ */ React44.createElement(NavigationMenuViewport, null)
+    Platform15.OS === "web" && /* @__PURE__ */ React44.createElement(NavigationMenuViewport, null)
   );
 }
 function NavigationMenuList({
@@ -5412,7 +5452,7 @@ function NavigationMenuList({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.List,
     {
-      style: StyleSheet36.flatten([styles32.navigationMenuList, style]),
+      style: StyleSheet37.flatten([styles33.navigationMenuList, style]),
       ...props
     }
   );
@@ -5431,14 +5471,14 @@ function NavigationMenuTrigger({
     Pressable5,
     {
       style: ({ hovered }) => ({
-        ...styles32.trigger,
+        ...styles33.trigger,
         backgroundColor: isActive ? colors.card : hovered ? colors.border : colors.background,
         ...style
       }),
       ...props
     },
     children,
-    /* @__PURE__ */ React44.createElement(View25, { style: styles32.chevronContainer }, /* @__PURE__ */ React44.createElement(ChevronDown6, { size: 12, color: colors.text, "aria-hidden": true }))
+    /* @__PURE__ */ React44.createElement(View25, { style: styles33.chevronContainer }, /* @__PURE__ */ React44.createElement(ChevronDown6, { size: 12, color: colors.text, "aria-hidden": true }))
   ));
 }
 function NavigationMenuContent({
@@ -5451,8 +5491,8 @@ function NavigationMenuContent({
   return /* @__PURE__ */ React44.createElement(NavigationMenuPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Content,
     {
-      style: StyleSheet36.flatten([
-        styles32.content,
+      style: StyleSheet37.flatten([
+        styles33.content,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5470,11 +5510,11 @@ function NavigationMenuViewport({
   ...props
 }) {
   const { colors } = useTheme25();
-  return /* @__PURE__ */ React44.createElement(View25, { style: styles32.viewportContainer }, /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React44.createElement(View25, { style: styles33.viewportContainer }, /* @__PURE__ */ React44.createElement(
     View25,
     {
-      style: StyleSheet36.flatten([
-        styles32.viewport,
+      style: StyleSheet37.flatten([
+        styles33.viewport,
         {
           backgroundColor: colors.background,
           borderColor: colors.border
@@ -5496,21 +5536,21 @@ function NavigationMenuIndicator({
     NavigationMenuPrimitive.Indicator,
     {
       ref,
-      style: StyleSheet36.flatten([styles32.indicator, style]),
+      style: StyleSheet37.flatten([styles33.indicator, style]),
       ...props
     },
     /* @__PURE__ */ React44.createElement(
       View25,
       {
-        style: StyleSheet36.flatten([
-          styles32.indicatorArrow,
+        style: StyleSheet37.flatten([
+          styles33.indicatorArrow,
           { backgroundColor: colors.border }
         ])
       }
     )
   );
 }
-var styles32 = StyleSheet36.create({
+var styles33 = StyleSheet37.create({
   navigationMenu: {
     position: "relative",
     zIndex: 10,
@@ -5525,14 +5565,14 @@ var styles32 = StyleSheet36.create({
     alignItems: "center",
     justifyContent: "center",
     gap: 4,
-    ...Platform16.OS === "web" && {
+    ...Platform15.OS === "web" && {
       listStyle: "none"
     }
   },
   trigger: {
     flexDirection: "row",
-    height: Platform16.OS === "web" ? 40 : 48,
-    paddingHorizontal: Platform16.OS === "web" ? 16 : 12,
+    height: Platform15.OS === "web" ? 40 : 48,
+    paddingHorizontal: Platform15.OS === "web" ? 16 : 12,
     paddingVertical: 8,
     alignItems: "center",
     justifyContent: "center",
@@ -5545,7 +5585,7 @@ var styles32 = StyleSheet36.create({
   },
   content: {
     width: "100%",
-    ...Platform16.OS !== "web" && {
+    ...Platform15.OS !== "web" && {
       borderWidth: 1,
       borderRadius: 8,
       shadowColor: "#000",
@@ -5557,7 +5597,7 @@ var styles32 = StyleSheet36.create({
     }
   },
   viewportContainer: {
-    ...Platform16.OS === "web" && {
+    ...Platform15.OS === "web" && {
       position: "fixed",
       right: 0,
       top: 48,
@@ -5568,7 +5608,7 @@ var styles32 = StyleSheet36.create({
     }
   },
   viewport: {
-    ...Platform16.OS === "web" && {
+    ...Platform15.OS === "web" && {
       position: "relative",
       marginTop: 6,
       width: "100%",
@@ -5610,7 +5650,7 @@ var styles32 = StyleSheet36.create({
 // components/ui/popover.tsx
 import React45 from "react";
 import * as PopoverPrimitive from "@rn-primitives/popover";
-import { Platform as Platform17, StyleSheet as StyleSheet37 } from "react-native";
+import { Platform as Platform16, StyleSheet as StyleSheet38 } from "react-native";
 import Animated5, { FadeIn as FadeIn4, FadeOut as FadeOut2 } from "react-native-reanimated";
 import { useTheme as useTheme26 } from "@react-navigation/native";
 var Popover = PopoverPrimitive.Root;
@@ -5623,8 +5663,8 @@ function PopoverContent({
   ...props
 }) {
   const { colors } = useTheme26();
-  const contentStyles = StyleSheet37.flatten([
-    styles33.content,
+  const contentStyles = StyleSheet38.flatten([
+    styles34.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5638,7 +5678,7 @@ function PopoverContent({
   return /* @__PURE__ */ React45.createElement(PopoverPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React45.createElement(
     PopoverPrimitive.Overlay,
     {
-      style: Platform17.OS !== "web" ? StyleSheet37.absoluteFill : void 0
+      style: Platform16.OS !== "web" ? StyleSheet38.absoluteFill : void 0
     },
     /* @__PURE__ */ React45.createElement(Animated5.View, { entering: FadeIn4.duration(200), exiting: FadeOut2 }, /* @__PURE__ */ React45.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React45.createElement(
       PopoverPrimitive.Content,
@@ -5651,7 +5691,7 @@ function PopoverContent({
     )))
   ));
 }
-var styles33 = StyleSheet37.create({
+var styles34 = StyleSheet38.create({
   content: {
     zIndex: 50,
     width: 288,
@@ -5668,7 +5708,7 @@ var styles33 = StyleSheet37.create({
 // components/ui/progress.tsx
 import * as ProgressPrimitive from "@rn-primitives/progress";
 import * as React46 from "react";
-import { Platform as Platform18, View as View26, StyleSheet as StyleSheet38 } from "react-native";
+import { Platform as Platform17, View as View26, StyleSheet as StyleSheet39 } from "react-native";
 import Animated6, {
   Extrapolation as Extrapolation2,
   interpolate as interpolate2,
@@ -5684,8 +5724,8 @@ function Progress({
   ...props
 }) {
   const { colors } = useTheme27();
-  const progressStyles = StyleSheet38.flatten([
-    styles34.progress,
+  const progressStyles = StyleSheet39.flatten([
+    styles35.progress,
     { backgroundColor: colors.border },
     style
   ]);
@@ -5705,12 +5745,12 @@ function Indicator4({
       )
     };
   });
-  if (Platform18.OS === "web") {
+  if (Platform17.OS === "web") {
     return /* @__PURE__ */ React46.createElement(
       View26,
       {
-        style: StyleSheet38.flatten([
-          styles34.indicatorWeb,
+        style: StyleSheet39.flatten([
+          styles35.indicatorWeb,
           {
             transform: `translateX(-${100 - (value ?? 0)}%)`,
             backgroundColor: colors.primary
@@ -5724,16 +5764,16 @@ function Indicator4({
   return /* @__PURE__ */ React46.createElement(ProgressPrimitive.Indicator, { asChild: true }, /* @__PURE__ */ React46.createElement(
     Animated6.View,
     {
-      style: StyleSheet38.flatten([
+      style: StyleSheet39.flatten([
         indicator,
-        styles34.indicator,
+        styles35.indicator,
         { backgroundColor: colors.primary },
         style
       ])
     }
   ));
 }
-var styles34 = StyleSheet38.create({
+var styles35 = StyleSheet39.create({
   progress: {
     position: "relative",
     height: 16,
@@ -5754,7 +5794,7 @@ var styles34 = StyleSheet38.create({
 // components/ui/radio-group.tsx
 import React47 from "react";
 import * as RadioGroupPrimitive from "@rn-primitives/radio-group";
-import { View as View27, StyleSheet as StyleSheet39 } from "react-native";
+import { View as View27, StyleSheet as StyleSheet40 } from "react-native";
 import { useTheme as useTheme28 } from "@react-navigation/native";
 function RadioGroup4({
   style,
@@ -5763,7 +5803,7 @@ function RadioGroup4({
   return /* @__PURE__ */ React47.createElement(
     RadioGroupPrimitive.Root,
     {
-      style: StyleSheet39.flatten([styles35.root, style]),
+      style: StyleSheet40.flatten([styles36.root, style]),
       ...props
     }
   );
@@ -5773,27 +5813,27 @@ function RadioGroupItem({
   ...props
 }) {
   const { colors } = useTheme28();
-  const itemStyles = StyleSheet39.flatten([
-    styles35.item,
+  const itemStyles = StyleSheet40.flatten([
+    styles36.item,
     {
       borderColor: colors.primary,
       opacity: props.disabled ? 0.5 : 1
     },
     style
   ]);
-  const indicatorStyles = StyleSheet39.flatten([
-    styles35.indicator,
+  const indicatorStyles = StyleSheet40.flatten([
+    styles36.indicator,
     { backgroundColor: colors.primary }
   ]);
-  return /* @__PURE__ */ React47.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ React47.createElement(RadioGroupPrimitive.Indicator, { style: styles35.indicatorContainer }, /* @__PURE__ */ React47.createElement(View27, { style: indicatorStyles })));
+  return /* @__PURE__ */ React47.createElement(RadioGroupPrimitive.Item, { style: itemStyles, ...props }, /* @__PURE__ */ React47.createElement(RadioGroupPrimitive.Indicator, { style: styles36.indicatorContainer }, /* @__PURE__ */ React47.createElement(View27, { style: indicatorStyles })));
 }
 function RadioGroupItemWithLabel({
   value,
   children
 }) {
-  return /* @__PURE__ */ React47.createElement(View27, { style: styles35.itemWithLabel }, /* @__PURE__ */ React47.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ React47.createElement(Label3, { nativeID: `label-for-${value}`, style: styles35.label }, children));
+  return /* @__PURE__ */ React47.createElement(View27, { style: styles36.itemWithLabel }, /* @__PURE__ */ React47.createElement(RadioGroupItem, { "aria-labelledby": `label-for-${value}`, value }), /* @__PURE__ */ React47.createElement(Label3, { nativeID: `label-for-${value}`, style: styles36.label }, children));
 }
-var styles35 = StyleSheet39.create({
+var styles36 = StyleSheet40.create({
   root: {
     gap: 8
   },
@@ -5831,7 +5871,7 @@ var styles35 = StyleSheet39.create({
 // components/ui/select.tsx
 import * as SelectPrimitive from "@rn-primitives/select";
 import * as React48 from "react";
-import { Platform as Platform19, StyleSheet as StyleSheet40, View as View28 } from "react-native";
+import { Platform as Platform18, StyleSheet as StyleSheet41, View as View28 } from "react-native";
 import Animated7, { FadeIn as FadeIn5, FadeOut as FadeOut3 } from "react-native-reanimated";
 import { Check as Check5 } from "lucide-react-native";
 import { ChevronDown as ChevronDown7 } from "lucide-react-native";
@@ -5845,43 +5885,43 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  const triggerStyle = StyleSheet40.flatten([
-    styles36.trigger,
-    props.disabled && styles36.triggerDisabled,
+  const triggerStyle = StyleSheet41.flatten([
+    styles37.trigger,
+    props.disabled && styles37.triggerDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(ChevronDown7, { size: 16, "aria-hidden": true, style: styles36.chevron }));
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Trigger, { ref, style: triggerStyle, ...props }, children, /* @__PURE__ */ React48.createElement(ChevronDown7, { size: 16, "aria-hidden": true, style: styles37.chevron }));
 }
 function SelectScrollUpButton({
   style,
   ...props
 }) {
-  if (Platform19.OS !== "web") {
+  if (Platform18.OS !== "web") {
     return null;
   }
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollUpButton,
     {
-      style: StyleSheet40.flatten([styles36.scrollButton, style]),
+      style: StyleSheet41.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(ChevronUp4, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(ChevronUp4, { size: 14, style: styles37.chevron })
   );
 }
 function SelectScrollDownButton({
   style,
   ...props
 }) {
-  if (Platform19.OS !== "web") {
+  if (Platform18.OS !== "web") {
     return null;
   }
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.ScrollDownButton,
     {
-      style: StyleSheet40.flatten([styles36.scrollButton, style]),
+      style: StyleSheet41.flatten([styles37.scrollButton, style]),
       ...props
     },
-    /* @__PURE__ */ React48.createElement(ChevronDown7, { size: 14, style: styles36.chevron })
+    /* @__PURE__ */ React48.createElement(ChevronDown7, { size: 14, style: styles37.chevron })
   );
 }
 function SelectContent({
@@ -5895,7 +5935,7 @@ function SelectContent({
   return /* @__PURE__ */ React48.createElement(SelectPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Overlay,
     {
-      style: Platform19.OS !== "web" ? StyleSheet40.absoluteFill : void 0
+      style: Platform18.OS !== "web" ? StyleSheet41.absoluteFill : void 0
     },
     /* @__PURE__ */ React48.createElement(
       Animated7.View,
@@ -5907,7 +5947,7 @@ function SelectContent({
       /* @__PURE__ */ React48.createElement(
         SelectPrimitive.Content,
         {
-          style: StyleSheet40.flatten([styles36.content, style]),
+          style: StyleSheet41.flatten([styles37.content, style]),
           position,
           ...props
         },
@@ -5915,8 +5955,8 @@ function SelectContent({
         /* @__PURE__ */ React48.createElement(
           SelectPrimitive.Viewport,
           {
-            style: StyleSheet40.flatten([
-              styles36.viewport,
+            style: StyleSheet41.flatten([
+              styles37.viewport,
               position === "popper" && {
                 height: "var(--radix-select-trigger-height)",
                 width: "100%",
@@ -5938,7 +5978,7 @@ function SelectLabel({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Label,
     {
-      style: StyleSheet40.flatten([styles36.label, style]),
+      style: StyleSheet41.flatten([styles37.label, style]),
       ...props
     }
   );
@@ -5947,19 +5987,19 @@ function SelectItem({
   style,
   ...props
 }) {
-  const itemStyle = StyleSheet40.flatten([
-    styles36.item,
-    props.disabled && styles36.itemDisabled,
+  const itemStyle = StyleSheet41.flatten([
+    styles37.item,
+    props.disabled && styles37.itemDisabled,
     style
   ]);
-  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(View28, { style: styles36.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
+  return /* @__PURE__ */ React48.createElement(SelectPrimitive.Item, { style: itemStyle, ...props }, /* @__PURE__ */ React48.createElement(View28, { style: styles37.itemIndicator }, /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React48.createElement(
     Check5,
     {
       size: 16,
       strokeWidth: 3,
       color: "hsl(var(--popover-foreground))"
     }
-  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles36.itemText }));
+  ))), /* @__PURE__ */ React48.createElement(SelectPrimitive.ItemText, { style: styles37.itemText }));
 }
 function SelectSeparator({
   style,
@@ -5968,12 +6008,12 @@ function SelectSeparator({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Separator,
     {
-      style: StyleSheet40.flatten([styles36.separator, style]),
+      style: StyleSheet41.flatten([styles37.separator, style]),
       ...props
     }
   );
 }
-var styles36 = StyleSheet40.create({
+var styles37 = StyleSheet41.create({
   trigger: {
     flexDirection: "row",
     height: 40,
@@ -6072,7 +6112,7 @@ import Animated8, {
   withSequence,
   withTiming as withTiming3
 } from "react-native-reanimated";
-import { StyleSheet as StyleSheet41 } from "react-native";
+import { StyleSheet as StyleSheet42 } from "react-native";
 import { useTheme as useTheme29 } from "@react-navigation/native";
 var duration = 1e3;
 function Skeleton({
@@ -6089,13 +6129,13 @@ function Skeleton({
   }, []);
   const animatedStyle = useAnimatedStyle4(() => ({
     opacity: sv.value,
-    ...styles37.skeleton,
+    ...styles38.skeleton,
     backgroundColor: colors.border,
     style
   }));
   return /* @__PURE__ */ React49.createElement(Animated8.View, { style: animatedStyle, ...props });
 }
-var styles37 = StyleSheet41.create({
+var styles38 = StyleSheet42.create({
   skeleton: {
     borderRadius: 6
   }
@@ -6104,7 +6144,7 @@ var styles37 = StyleSheet41.create({
 // components/ui/table.tsx
 import * as TablePrimitive from "@rn-primitives/table";
 import * as React50 from "react";
-import { StyleSheet as StyleSheet42 } from "react-native";
+import { StyleSheet as StyleSheet43 } from "react-native";
 function Table({
   style,
   ...props
@@ -6112,7 +6152,7 @@ function Table({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Root,
     {
-      style: StyleSheet42.flatten([styles38.table, style]),
+      style: StyleSheet43.flatten([styles39.table, style]),
       ...props
     }
   );
@@ -6124,7 +6164,7 @@ function TableHeader({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Header,
     {
-      style: StyleSheet42.flatten([styles38.header, style]),
+      style: StyleSheet43.flatten([styles39.header, style]),
       ...props
     }
   );
@@ -6136,7 +6176,7 @@ function TableBody({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Body,
     {
-      style: StyleSheet42.flatten([styles38.body, { minHeight: 2 }, style]),
+      style: StyleSheet43.flatten([styles39.body, { minHeight: 2 }, style]),
       ...props
     }
   );
@@ -6148,7 +6188,7 @@ function TableFooter({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Footer,
     {
-      style: StyleSheet42.flatten([styles38.footer, style]),
+      style: StyleSheet43.flatten([styles39.footer, style]),
       ...props
     }
   );
@@ -6160,7 +6200,7 @@ function TableRow({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Row,
     {
-      style: StyleSheet42.flatten([styles38.row, style]),
+      style: StyleSheet43.flatten([styles39.row, style]),
       ...props
     }
   );
@@ -6177,7 +6217,7 @@ function TableHead({
     /* @__PURE__ */ React50.createElement(
       TablePrimitive.Head,
       {
-        style: StyleSheet42.flatten([styles38.head, style]),
+        style: StyleSheet43.flatten([styles39.head, style]),
         ...props
       }
     )
@@ -6190,12 +6230,12 @@ function TableCell({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Cell,
     {
-      style: StyleSheet42.flatten([styles38.cell, style]),
+      style: StyleSheet43.flatten([styles39.cell, style]),
       ...props
     }
   );
 }
-var styles38 = StyleSheet42.create({
+var styles39 = StyleSheet43.create({
   table: {
     width: "100%",
     fontSize: 14
@@ -6236,7 +6276,7 @@ var styles38 = StyleSheet42.create({
 // components/ui/tabs.tsx
 import * as TabsPrimitive from "@rn-primitives/tabs";
 import * as React51 from "react";
-import { StyleSheet as StyleSheet43 } from "react-native";
+import { StyleSheet as StyleSheet44 } from "react-native";
 var Tabs = TabsPrimitive.Root;
 function TabsList({
   style,
@@ -6245,7 +6285,7 @@ function TabsList({
   return /* @__PURE__ */ React51.createElement(
     TabsPrimitive.List,
     {
-      style: StyleSheet43.flatten([styles39.list, style]),
+      style: StyleSheet44.flatten([styles40.list, style]),
       ...props
     }
   );
@@ -6256,13 +6296,13 @@ function TabsTrigger({
 }) {
   const { value } = TabsPrimitive.useRootContext();
   const isActive = props.value === value;
-  const triggerStyle = StyleSheet43.flatten([
-    styles39.trigger,
-    isActive && styles39.triggerActive,
-    props.disabled && styles39.triggerDisabled,
+  const triggerStyle = StyleSheet44.flatten([
+    styles40.trigger,
+    isActive && styles40.triggerActive,
+    props.disabled && styles40.triggerDisabled,
     style
   ]);
-  const textStyle = isActive ? StyleSheet43.flatten([styles39.triggerText, styles39.triggerTextActive]) : styles39.triggerText;
+  const textStyle = isActive ? StyleSheet44.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({
@@ -6271,7 +6311,7 @@ function TabsContent({
 }) {
   return /* @__PURE__ */ React51.createElement(TabsPrimitive.Content, { style, ...props });
 }
-var styles39 = StyleSheet43.create({
+var styles40 = StyleSheet44.create({
   list: {
     flexDirection: "row",
     height: 40,
@@ -6316,7 +6356,7 @@ var styles39 = StyleSheet43.create({
 // components/ui/textarea.tsx
 import * as React52 from "react";
-import { TextInput as TextInput2, StyleSheet as StyleSheet44 } from "react-native";
+import { TextInput as TextInput2, StyleSheet as StyleSheet45 } from "react-native";
 function Textarea({
   style,
   multiline = true,
@@ -6324,9 +6364,9 @@ function Textarea({
   placeholderTextColor,
   ...props
 }) {
-  const textareaStyle = StyleSheet44.flatten([
-    styles40.textarea,
-    props.editable === false && styles40.textareaDisabled,
+  const textareaStyle = StyleSheet45.flatten([
+    styles41.textarea,
+    props.editable === false && styles41.textareaDisabled,
     style
   ]);
   return /* @__PURE__ */ React52.createElement(
@@ -6341,7 +6381,7 @@ function Textarea({
     }
   );
 }
-var styles40 = StyleSheet44.create({
+var styles41 = StyleSheet45.create({
   textarea: {
     minHeight: 80,
     width: "100%",
@@ -6364,7 +6404,7 @@ var styles40 = StyleSheet44.create({
 // components/ui/toggle-group.tsx
 import * as React53 from "react";
-import { StyleSheet as StyleSheet45 } from "react-native";
+import { StyleSheet as StyleSheet46 } from "react-native";
 import { useTheme as useTheme30 } from "@react-navigation/native";
 import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
 var ToggleGroupContext = React53.createContext(null);
@@ -6378,7 +6418,7 @@ function ToggleGroup({
   return /* @__PURE__ */ React53.createElement(
     ToggleGroupPrimitive.Root,
     {
-      style: StyleSheet45.flatten([styles41.root, style]),
+      style: StyleSheet46.flatten([styles42.root, style]),
       ...props
     },
     /* @__PURE__ */ React53.createElement(ToggleGroupContext.Provider, { value: { variant, size } }, children)
@@ -6415,23 +6455,23 @@ function ToggleGroupItem({
   const getSizeStyles = () => {
     switch (finalSize) {
       case "sm":
-        return styles41.smItemSize;
+        return styles42.smItemSize;
       case "lg":
-        return styles41.lgItemSize;
+        return styles42.lgItemSize;
       default:
-        return styles41.defaultItemSize;
+        return styles42.defaultItemSize;
     }
   };
   const getVariantStyles = () => {
     switch (finalVariant) {
       case "outline":
-        return styles41.outlineItem;
+        return styles42.outlineItem;
       default:
-        return styles41.defaultItem;
+        return styles42.defaultItem;
     }
   };
-  const itemStyles = StyleSheet45.flatten([
-    styles41.item,
+  const itemStyles = StyleSheet46.flatten([
+    styles42.item,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6450,7 +6490,7 @@ function ToggleGroupIcon({
   const { colors } = useTheme30();
   return /* @__PURE__ */ React53.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles41 = StyleSheet45.create({
+var styles42 = StyleSheet46.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -6486,7 +6526,7 @@ var styles41 = StyleSheet45.create({
 // components/ui/toggle.tsx
 import * as TogglePrimitive from "@rn-primitives/toggle";
 import * as React54 from "react";
-import { StyleSheet as StyleSheet46 } from "react-native";
+import { StyleSheet as StyleSheet47 } from "react-native";
 import { useTheme as useTheme31 } from "@react-navigation/native";
 var toggleVariants = {
   default: {
@@ -6516,23 +6556,23 @@ function Toggle({
   const getSizeStyles = () => {
     switch (size) {
       case "sm":
-        return styles42.smSize;
+        return styles43.smSize;
       case "lg":
-        return styles42.lgSize;
+        return styles43.lgSize;
       default:
-        return styles42.defaultSize;
+        return styles43.defaultSize;
     }
   };
   const getVariantStyles = () => {
     switch (variant) {
       case "outline":
-        return styles42.outlineVariant;
+        return styles43.outlineVariant;
       default:
-        return styles42.defaultVariant;
+        return styles43.defaultVariant;
     }
   };
-  const toggleStyles = StyleSheet46.flatten([
-    styles42.toggle,
+  const toggleStyles = StyleSheet47.flatten([
+    styles43.toggle,
     getVariantStyles(),
     getSizeStyles(),
     {
@@ -6551,7 +6591,7 @@ function ToggleIcon({
   const { colors } = useTheme31();
   return /* @__PURE__ */ React54.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles42 = StyleSheet46.create({
+var styles43 = StyleSheet47.create({
   toggle: {
     alignItems: "center",
     justifyContent: "center",
@@ -6581,7 +6621,7 @@ var styles42 = StyleSheet46.create({
 // components/ui/tooltip.tsx
 import * as TooltipPrimitive from "@rn-primitives/tooltip";
 import * as React55 from "react";
-import { Platform as Platform20, StyleSheet as StyleSheet47 } from "react-native";
+import { Platform as Platform19, StyleSheet as StyleSheet48 } from "react-native";
 import Animated9, { FadeIn as FadeIn6, FadeOut as FadeOut4 } from "react-native-reanimated";
 import { useTheme as useTheme32 } from "@react-navigation/native";
 var Tooltip = TooltipPrimitive.Root;
@@ -6593,8 +6633,8 @@ function TooltipContent({
   ...props
 }) {
   const { colors } = useTheme32();
-  const tooltipStyles = StyleSheet47.flatten([
-    styles43.content,
+  const tooltipStyles = StyleSheet48.flatten([
+    styles44.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -6603,19 +6643,19 @@ function TooltipContent({
     style
   ]);
   const textStyles2 = {
-    fontSize: Platform20.OS === "web" ? 14 : 16,
+    fontSize: Platform19.OS === "web" ? 14 : 16,
     color: colors.text
   };
   return /* @__PURE__ */ React55.createElement(TooltipPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React55.createElement(
     TooltipPrimitive.Overlay,
     {
-      style: Platform20.OS !== "web" ? StyleSheet47.absoluteFill : void 0
+      style: Platform19.OS !== "web" ? StyleSheet48.absoluteFill : void 0
     },
     /* @__PURE__ */ React55.createElement(
       Animated9.View,
       {
-        entering: Platform20.select({ web: void 0, default: FadeIn6 }),
-        exiting: Platform20.select({ web: void 0, default: FadeOut4 })
+        entering: Platform19.select({ web: void 0, default: FadeIn6 }),
+        exiting: Platform19.select({ web: void 0, default: FadeOut4 })
       },
       /* @__PURE__ */ React55.createElement(TextStyleProvider, { style: textStyles2 }, /* @__PURE__ */ React55.createElement(
         TooltipPrimitive.Content,
@@ -6628,7 +6668,7 @@ function TooltipContent({
     )
   ));
 }
-var styles43 = StyleSheet47.create({
+var styles44 = StyleSheet48.create({
   content: {
     zIndex: 50,
     overflow: "hidden",
@@ -6646,7 +6686,7 @@ var styles43 = StyleSheet47.create({
 // components/ui/typography.tsx
 import * as Slot3 from "@rn-primitives/slot";
 import * as React56 from "react";
-import { Platform as Platform21, Text as RNText2, StyleSheet as StyleSheet48 } from "react-native";
+import { Platform as Platform20, Text as RNText2, StyleSheet as StyleSheet49 } from "react-native";
 function H1({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
   return /* @__PURE__ */ React56.createElement(
@@ -6654,7 +6694,7 @@ function H1({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "1",
-      style: StyleSheet48.flatten([styles44.h1, style]),
+      style: StyleSheet49.flatten([styles45.h1, style]),
       ...props
     }
   );
@@ -6666,7 +6706,7 @@ function H2({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "2",
-      style: StyleSheet48.flatten([styles44.h2, style]),
+      style: StyleSheet49.flatten([styles45.h2, style]),
       ...props
     }
   );
@@ -6678,7 +6718,7 @@ function H3({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "3",
-      style: StyleSheet48.flatten([styles44.h3, style]),
+      style: StyleSheet49.flatten([styles45.h3, style]),
       ...props
     }
   );
@@ -6690,22 +6730,22 @@ function H4({ style, asChild = false, ...props }) {
     {
       role: "heading",
       "aria-level": "4",
-      style: StyleSheet48.flatten([styles44.h4, style]),
+      style: StyleSheet49.flatten([styles45.h4, style]),
       ...props
     }
   );
 }
 function P({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
-  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet48.flatten([styles44.p, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet49.flatten([styles45.p, style]), ...props });
 }
 function BlockQuote({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
-      role: Platform21.OS === "web" ? "blockquote" : void 0,
-      style: StyleSheet48.flatten([styles44.blockquote, style]),
+      role: Platform20.OS === "web" ? "blockquote" : void 0,
+      style: StyleSheet49.flatten([styles45.blockquote, style]),
       ...props
     }
   );
@@ -6715,29 +6755,29 @@ function Code({ style, asChild = false, ...props }) {
   return /* @__PURE__ */ React56.createElement(
     Component,
     {
-      role: Platform21.OS === "web" ? "code" : void 0,
-      style: StyleSheet48.flatten([styles44.code, style]),
+      role: Platform20.OS === "web" ? "code" : void 0,
+      style: StyleSheet49.flatten([styles45.code, style]),
       ...props
     }
   );
 }
 function Lead({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
-  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet48.flatten([styles44.lead, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet49.flatten([styles45.lead, style]), ...props });
 }
 function Large({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
-  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet48.flatten([styles44.large, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet49.flatten([styles45.large, style]), ...props });
 }
 function Small({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
-  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet48.flatten([styles44.small, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet49.flatten([styles45.small, style]), ...props });
 }
 function Muted({ style, asChild = false, ...props }) {
   const Component = asChild ? Slot3.Text : RNText2;
-  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet48.flatten([styles44.muted, style]), ...props });
+  return /* @__PURE__ */ React56.createElement(Component, { style: StyleSheet49.flatten([styles45.muted, style]), ...props });
 }
-var styles44 = StyleSheet48.create({
+var styles45 = StyleSheet49.create({
   h1: {
     fontSize: 36,
     color: "hsl(var(--foreground))",
@@ -6830,11 +6870,11 @@ var ContainerResourceCreator = {
 };
 // resourceCreators/RdfResourceCreator.ts
-import { Code as Code2 } from "lucide-react-native";
+import { FileCode } from "lucide-react-native";
 var RdfResourceCreator = {
   name: "createRdf",
   displayName: "RDF Turtle",
-  displayIcon: Code2,
+  displayIcon: FileCode,
   canCreate: (container) => container.type === "SolidContainer",
   create: async ({ container, createUtils }) => {
     createUtils.loadingMessage("Asking for file name\u2026");
@@ -6852,6 +6892,7 @@ var RdfResourceCreator = {
 // resourceCreators/FileUploadResourceCreator.ts
 import { FileUp } from "lucide-react-native";
+import { Platform as Platform21 } from "react-native";
 function basename(path) {
   const lastSlash = path.lastIndexOf("/");
   return lastSlash === -1 ? path : path.slice(lastSlash + 1);
@@ -6872,9 +6913,11 @@ var FileUploadResourceCreator = {
     const slug = basename(file.name);
     const mimeType = file.type || "application/octet-stream";
     createUtils.loadingMessage(`Uploading ${slug}\u2026`);
+    const body = Platform21.OS !== "web" ? await file.arrayBuffer() : file;
     const result = await container.uploadChildAndOverwrite(
       slug,
-      file,
+      // @ts-ignore
+      body,
       mimeType
     );
     if (result.isError) {
@@ -6888,34 +6931,27 @@ var FileUploadResourceCreator = {
 // resourceViews/Container/ContainerResourceView.tsx
 import { Folders } from "lucide-react-native";
+// resourceViews/Container/DefaultContainerView.tsx
+import React62 from "react";
 // resourceViews/Container/ContainerView.tsx
 import React57, {
   useCallback as useCallback10,
   useMemo as useMemo11,
   useState as useState11
 } from "react";
-import {
-  View as View29,
-  FlatList,
-  StyleSheet as StyleSheet49,
-  Pressable as Pressable6,
-  ScrollView as ScrollView3,
-  Platform as Platform22
-} from "react-native";
+import { Platform as Platform22 } from "react-native";
 import * as DocumentPicker from "expo-document-picker";
 import { CircleX as CircleX2 } from "lucide-react-native";
-import { Folder as Folder2 } from "lucide-react-native";
-import { Code as Code3 } from "lucide-react-native";
-import { File } from "lucide-react-native";
-import { Trash as Trash2 } from "lucide-react-native";
-import { Plus as Plus2 } from "lucide-react-native";
 import { Notifier } from "react-native-notifier";
-import { useTheme as useTheme33 } from "@react-navigation/native";
-import { Loader2 } from "lucide-react-native";
-var ContainerView = () => {
+var ContainerView = ({
+  Layout: Layout2,
+  SideMenu,
+  Content: Content13,
+  ResourceItem
+}) => {
   const { targetResource, navigateTo } = useViewContext();
   const { prompt } = useDialog();
-  const { colors } = useTheme33();
   const { resourceCreators = [] } = useDataBrowserConfig();
   const [isCreating, setIsCreating] = useState11(false);
   const [loadingMessages, setLoadingMessages] = useState11([]);
@@ -6959,10 +6995,7 @@ var ContainerView = () => {
       setIsCreating(true);
       setLoadingMessages([]);
       try {
-        await creator.create({
-          container: targetResource,
-          createUtils
-        });
+        await creator.create({ container: targetResource, createUtils });
       } finally {
         setIsCreating(false);
         setLoadingMessages([]);
@@ -6973,9 +7006,8 @@ var ContainerView = () => {
   const onDelete = useCallback10(
     async (item) => {
       if (targetResource?.type !== "SolidContainer") return;
-      const createResult = await item.delete();
-      if (createResult.isError)
-        Notifier.showNotification({ title: createResult.message });
+      const result = await item.delete();
+      if (result.isError) Notifier.showNotification({ title: result.message });
     },
     [targetResource?.type]
   );
@@ -6988,100 +7020,159 @@ var ContainerView = () => {
       }
     );
   }
-  return /* @__PURE__ */ React57.createElement(View29, { style: styles45.mainContainer }, /* @__PURE__ */ React57.createElement(View29, { style: styles45.leftPanel }, /* @__PURE__ */ React57.createElement(DropdownMenu, null, /* @__PURE__ */ React57.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React57.createElement(
+  const renderResource = (item) => {
+    const displayName = item.uri.replace(targetResource.uri, "").replace(/\/$/, "") || "/";
+    return /* @__PURE__ */ React57.createElement(
+      ResourceItem,
+      {
+        key: item.uri,
+        item,
+        displayName,
+        onNavigate: () => navigateTo(item.uri),
+        onDelete: () => onDelete(item)
+      }
+    );
+  };
+  return /* @__PURE__ */ React57.createElement(
+    Layout2,
+    {
+      sideMenu: /* @__PURE__ */ React57.createElement(
+        SideMenu,
+        {
+          creators: availableCreators,
+          isCreating,
+          loadingMessages,
+          onCreate: runCreator
+        }
+      ),
+      content: /* @__PURE__ */ React57.createElement(
+        Content13,
+        {
+          resources: targetResource.children(),
+          renderResource,
+          creatorsAvailable: availableCreators.length > 0
+        }
+      )
+    }
+  );
+};
+// resourceViews/Container/DefaultContainerLayout.tsx
+import React58 from "react";
+import { View as View29, StyleSheet as StyleSheet50 } from "react-native";
+import { useTheme as useTheme33 } from "@react-navigation/native";
+var DefaultContainerLayout = ({ sideMenu, content }) => {
+  const { colors } = useTheme33();
+  return /* @__PURE__ */ React58.createElement(View29, { style: [styles46.container, { backgroundColor: colors.card }] }, /* @__PURE__ */ React58.createElement(View29, { style: styles46.leftPanel }, sideMenu), /* @__PURE__ */ React58.createElement(View29, { style: [styles46.rightPanel, { backgroundColor: colors.background }] }, content));
+};
+var styles46 = StyleSheet50.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
+import React59 from "react";
+import { View as View30, ScrollView as ScrollView3, StyleSheet as StyleSheet51 } from "react-native";
+import { Plus as Plus2, Loader2, Home, User as User2 } from "lucide-react-native";
+import { useTheme as useTheme34 } from "@react-navigation/native";
+import { useSolidAuth as useSolidAuth8, useRootContainerFor } from "@ldo/solid-react";
+var DefaultContainerSideMenu = ({ creators, isCreating, loadingMessages, onCreate }) => {
+  const { colors } = useTheme34();
+  const { session } = useSolidAuth8();
+  const storageRoot = useRootContainerFor(session.webId);
+  const { navigateTo } = useTargetResource();
+  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(DropdownMenu, null, /* @__PURE__ */ React59.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React59.createElement(
     Button,
     {
       text: "Create",
       iconLeft: Plus2,
-      disabled: isCreating || availableCreators.length === 0
+      disabled: isCreating || creators.length === 0
     }
-  )), /* @__PURE__ */ React57.createElement(DropdownMenuContent, { style: styles45.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ React57.createElement(
-    DropdownMenuItem,
+  )), /* @__PURE__ */ React59.createElement(
+    DropdownMenuContent,
     {
-      key: creator.name,
-      onPress: () => runCreator(creator)
+      align: "start",
+      sideOffset: 4,
+      style: styles47.dropdownContent
     },
-    /* @__PURE__ */ React57.createElement(Icon, { icon: creator.displayIcon }),
-    /* @__PURE__ */ React57.createElement(Text2, null, creator.displayName)
-  )))), isCreating && /* @__PURE__ */ React57.createElement(
-    View29,
+    creators.map((creator) => /* @__PURE__ */ React59.createElement(
+      DropdownMenuItem,
+      {
+        key: creator.name,
+        onPress: () => onCreate(creator)
+      },
+      /* @__PURE__ */ React59.createElement(Icon, { icon: creator.displayIcon }),
+      /* @__PURE__ */ React59.createElement(Text2, null, creator.displayName)
+    ))
+  )), isCreating && /* @__PURE__ */ React59.createElement(
+    View30,
     {
-      style: [styles45.creatingPanel, { backgroundColor: colors.border }]
+      style: [styles47.creatingPanel, { backgroundColor: colors.border }]
     },
-    /* @__PURE__ */ React57.createElement(View29, { style: styles45.creatingHeader }, /* @__PURE__ */ React57.createElement(Loader2, { size: 16, style: styles45.spinner }), /* @__PURE__ */ React57.createElement(Text2, null, "Creating\u2026")),
-    loadingMessages.length > 0 && /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React59.createElement(View30, { style: styles47.creatingHeader }, /* @__PURE__ */ React59.createElement(Loader2, { size: 16, style: styles47.spinner }), /* @__PURE__ */ React59.createElement(Text2, null, "Creating\u2026")),
+    loadingMessages.length > 0 && /* @__PURE__ */ React59.createElement(
       ScrollView3,
       {
-        style: styles45.loadingMessages,
-        contentContainerStyle: styles45.loadingMessagesContent
+        style: styles47.loadingMessages,
+        contentContainerStyle: styles47.loadingMessagesContent
       },
-      loadingMessages.map((msg, i) => /* @__PURE__ */ React57.createElement(Text2, { key: i, style: styles45.loadingMessageItem }, msg))
+      loadingMessages.map((msg, i) => /* @__PURE__ */ React59.createElement(Text2, { key: i, style: styles47.loadingMessageItem }, msg))
     )
-  )), /* @__PURE__ */ React57.createElement(
-    View29,
+  ), session.isActive && /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(
+    View30,
     {
-      style: [
-        styles45.rightPanel,
-        { borderLeftWidth: 1, borderLeftColor: colors.border }
-      ]
-    },
-    /* @__PURE__ */ React57.createElement(
-      FlatList,
-      {
-        data: targetResource.children(),
-        keyExtractor: (item) => item.uri,
-        ItemSeparatorComponent: () => /* @__PURE__ */ React57.createElement(
-          View29,
-          {
-            style: [styles45.listSeparator, { backgroundColor: colors.border }]
-          }
-        ),
-        renderItem: ({ item }) => {
-          const TypeIcon = item.type === "SolidContainer" ? Folder2 : item.uri.endsWith(".ttl") ? Code3 : File;
-          const displayName = item.uri.replace(targetResource.uri, "").replace(/\/$/, "") || "/";
-          return /* @__PURE__ */ React57.createElement(
-            Pressable6,
-            {
-              onPress: () => navigateTo(item.uri),
-              style: ({ hovered }) => [
-                styles45.listItemRow,
-                hovered && { backgroundColor: colors.border }
-              ]
-            },
-            /* @__PURE__ */ React57.createElement(View29, { style: styles45.listItem }, /* @__PURE__ */ React57.createElement(View29, { style: styles45.listItemText }, /* @__PURE__ */ React57.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ React57.createElement(
-              Text2,
-              {
-                style: styles45.listItemLabel,
-                numberOfLines: 1,
-                ellipsizeMode: "middle"
-              },
-              displayName
-            )), /* @__PURE__ */ React57.createElement(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                style: styles45.deleteButton,
-                onPress: () => onDelete(item),
-                iconLeft: Trash2
-              }
-            ))
-          );
-        }
-      }
-    )
-  ));
+      style: [styles47.separator, { backgroundColor: colors.border }]
+    }
+  ), /* @__PURE__ */ React59.createElement(View30, { style: styles47.navSection }, storageRoot && /* @__PURE__ */ React59.createElement(
+    Button,
+    {
+      variant: "ghost",
+      iconLeft: Home,
+      text: "Home",
+      style: styles47.navItem,
+      onPress: () => navigateTo(storageRoot.uri)
+    }
+  ), /* @__PURE__ */ React59.createElement(
+    Button,
+    {
+      variant: "ghost",
+      iconLeft: User2,
+      text: "Profile",
+      style: styles47.navItem,
+      onPress: () => navigateTo(session.webId ?? "")
+    }
+  ))));
 };
-var styles45 = StyleSheet49.create({
-  mainContainer: {
-    flex: 1,
-    flexDirection: "row"
+var styles47 = StyleSheet51.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,
@@ -7106,69 +7197,180 @@ var styles45 = StyleSheet49.create({
   loadingMessageItem: {
     fontSize: 12,
     opacity: 0.85
+  }
+});
+// resourceViews/Container/DefaultContainerContent.tsx
+import React60 from "react";
+import { View as View31, FlatList, StyleSheet as StyleSheet52 } from "react-native";
+import { FolderOpen } from "lucide-react-native";
+import { useTheme as useTheme35 } from "@react-navigation/native";
+var DefaultContainerContent = ({ resources, renderResource, creatorsAvailable }) => {
+  const { colors } = useTheme35();
+  const emptyState = /* @__PURE__ */ React60.createElement(View31, { style: styles48.emptyState }, /* @__PURE__ */ React60.createElement(View31, { style: styles48.emptyStateIcon }, /* @__PURE__ */ React60.createElement(FolderOpen, { size: 40, color: colors.text })), /* @__PURE__ */ React60.createElement(Text2, { muted: true }, "This container is empty"), creatorsAvailable && /* @__PURE__ */ React60.createElement(Text2, { muted: true, size: "sm" }, "Use Create to add resources"));
+  return /* @__PURE__ */ React60.createElement(
+    FlatList,
+    {
+      data: resources,
+      keyExtractor: (item) => item.uri,
+      style: styles48.list,
+      contentContainerStyle: styles48.listContent,
+      ListEmptyComponent: /* @__PURE__ */ React60.createElement(React60.Fragment, null, emptyState),
+      ItemSeparatorComponent: () => /* @__PURE__ */ React60.createElement(View31, { style: [styles48.separator, { backgroundColor: colors.border }] }),
+      renderItem: ({ item }) => renderResource(item)
+    }
+  );
+};
+var styles48 = StyleSheet52.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
+import React61, { useCallback as useCallback11 } from "react";
+import { View as View32, Pressable as Pressable6, StyleSheet as StyleSheet53, Platform as Platform23 } from "react-native";
+import {
+  Folder as Folder2,
+  Code as Code2,
+  File,
+  MoreHorizontal,
+  Download,
+  Share2,
+  Trash as Trash2
+} from "lucide-react-native";
+import { useTheme as useTheme36 } from "@react-navigation/native";
+import { useSolidAuth as useSolidAuth9 } from "@ldo/solid-react";
+import { Notifier as Notifier2 } from "react-native-notifier";
+var DefaultContainerResourceItem = ({ item, displayName, onNavigate, onDelete }) => {
+  const { colors } = useTheme36();
+  const { fetch: fetch2 } = useSolidAuth9();
+  const { openSharingModal } = useSharingModal();
+  const TypeIcon = item.type === "SolidContainer" ? Folder2 : item.uri.endsWith(".ttl") ? Code2 : File;
+  const handleDownload = useCallback11(async () => {
+    if (item.type !== "SolidLeaf") return;
+    if (Platform23.OS !== "web") {
+      Notifier2.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 = useCallback11(() => {
+    if (item.type === "SolidLeaf" || item.type === "SolidContainer") {
+      openSharingModal(item);
+    }
+  }, [item, openSharingModal]);
+  return /* @__PURE__ */ React61.createElement(
+    Pressable6,
+    {
+      onPress: onNavigate,
+      style: ({ hovered }) => [
+        styles49.row,
+        hovered && { backgroundColor: colors.border }
+      ]
+    },
+    /* @__PURE__ */ React61.createElement(View32, { style: styles49.inner }, /* @__PURE__ */ React61.createElement(View32, { style: styles49.label }, /* @__PURE__ */ React61.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ React61.createElement(Text2, { style: styles49.name, numberOfLines: 1, ellipsizeMode: "middle" }, displayName)), /* @__PURE__ */ React61.createElement(DropdownMenu, null, /* @__PURE__ */ React61.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React61.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        style: styles49.actionButton,
+        iconLeft: MoreHorizontal
+      }
+    )), /* @__PURE__ */ React61.createElement(DropdownMenuContent, { align: "end", sideOffset: 4 }, item.type === "SolidLeaf" && /* @__PURE__ */ React61.createElement(DropdownMenuItem, { onPress: handleDownload }, /* @__PURE__ */ React61.createElement(Icon, { icon: Download }), /* @__PURE__ */ React61.createElement(Text2, null, "Download")), /* @__PURE__ */ React61.createElement(DropdownMenuItem, { onPress: handleShare }, /* @__PURE__ */ React61.createElement(Icon, { icon: Share2 }), /* @__PURE__ */ React61.createElement(Text2, null, "Share")), /* @__PURE__ */ React61.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React61.createElement(DropdownMenuItem, { onPress: onDelete }, /* @__PURE__ */ React61.createElement(Icon, { icon: Trash2 }), /* @__PURE__ */ React61.createElement(Text2, { style: { color: colors.notification } }, "Delete")))))
+  );
+};
+var styles49 = StyleSheet53.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__ */ React62.createElement(
+  ContainerView,
+  {
+    Layout: DefaultContainerLayout,
+    SideMenu: DefaultContainerSideMenu,
+    Content: DefaultContainerContent,
+    ResourceItem: DefaultContainerResourceItem
+  }
+);
 // resourceViews/Container/ContainerResourceView.tsx
 var ContainerResourceView = {
   name: "container",
   displayName: "Container",
   displayIcon: Folders,
-  view: ContainerView,
+  view: DefaultContainerView,
   canDisplay: (targetUri, targetResource) => {
     return targetResource.type === "SolidContainer";
   }
 };
 // resourceViews/Profile/ProfileResourceView.tsx
-import { User as User2 } from "lucide-react-native";
+import { User as User3 } from "lucide-react-native";
 // resourceViews/Profile/ProfileView.tsx
-import { ScrollView as ScrollView4, View as View31, StyleSheet as StyleSheet51 } from "react-native";
-import React59 from "react";
+import { ScrollView as ScrollView4, View as View34, StyleSheet as StyleSheet55 } from "react-native";
+import React64 from "react";
 // resourceViews/Profile/ProfileKnows.tsx
-import React58, { useCallback as useCallback11, useState as useState12 } from "react";
+import React63, { useCallback as useCallback12, useState as useState12 } from "react";
 import { Plus as Plus3 } from "lucide-react-native";
-import { View as View30, StyleSheet as StyleSheet50 } from "react-native";
+import { View as View33, StyleSheet as StyleSheet54 } from "react-native";
 import { Trash as Trash3 } from "lucide-react-native";
 var ProfileKnows = ({
   resource,
@@ -7176,13 +7378,13 @@ var ProfileKnows = ({
   setProfile
 }) => {
   const [newContact, setNewContact] = useState12("");
-  const addNewContact = useCallback11(() => {
+  const addNewContact = useCallback12(() => {
     setProfile(resource, (cProfile) => {
       cProfile.knows?.add({ "@id": newContact });
     });
     setNewContact("");
   }, [newContact, resource, setProfile]);
-  return /* @__PURE__ */ React58.createElement(View30, { style: styles46.container }, /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React63.createElement(View33, { style: styles50.container }, /* @__PURE__ */ React63.createElement(
     Input,
     {
       placeholder: "https://example.pod/john/profile/card#me",
@@ -7196,12 +7398,12 @@ var ProfileKnows = ({
       onChangeText: setNewContact,
       onSubmitEditing: addNewContact
     }
-  ), profile.knows?.map((friend) => /* @__PURE__ */ React58.createElement(
+  ), profile.knows?.map((friend) => /* @__PURE__ */ React63.createElement(
     AgentInformation,
     {
       key: friend["@id"],
       webId: friend["@id"],
-      accessoryRight: /* @__PURE__ */ React58.createElement(
+      accessoryRight: /* @__PURE__ */ React63.createElement(
         Button,
         {
           variant: "ghost",
@@ -7216,7 +7418,7 @@ var ProfileKnows = ({
     }
   )));
 };
-var styles46 = StyleSheet50.create({
+var styles50 = StyleSheet54.create({
   container: {
     gap: 16
     // gap-4 equivalent (4 * 4px = 16px)
@@ -7230,8 +7432,8 @@ var ProfileView = () => {
   const profileResource = useResource4(targetUri);
   const [profile, setProfile, commitProfile, transactionDataset] = useChangeSubject(SolidProfileShapeType, targetUri);
   if (!targetUri || !profileResource || !profile || profileResource.type === "InvalidIdentifierResource")
-    return /* @__PURE__ */ React59.createElement(React59.Fragment, null);
-  return /* @__PURE__ */ React59.createElement(ScrollView4, { contentContainerStyle: styles47.scrollContainer }, /* @__PURE__ */ React59.createElement(View31, { style: styles47.container }, /* @__PURE__ */ React59.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ React59.createElement(
+    return /* @__PURE__ */ React64.createElement(React64.Fragment, null);
+  return /* @__PURE__ */ React64.createElement(ScrollView4, { contentContainerStyle: styles51.scrollContainer }, /* @__PURE__ */ React64.createElement(View34, { style: styles51.container }, /* @__PURE__ */ React64.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ React64.createElement(
     Input,
     {
       placeholder: "John Doe",
@@ -7243,25 +7445,25 @@ var ProfileView = () => {
         });
       }
     }
-  ), /* @__PURE__ */ React59.createElement(Separator2, null), /* @__PURE__ */ React59.createElement(Text2, { variant: "h2" }, "Contacts"), /* @__PURE__ */ React59.createElement(
+  ), /* @__PURE__ */ React64.createElement(Separator2, null), /* @__PURE__ */ React64.createElement(Text2, { variant: "h2" }, "Contacts"), /* @__PURE__ */ React64.createElement(
     ProfileKnows,
     {
       profile,
       setProfile,
       resource: profileResource
     }
-  ), /* @__PURE__ */ React59.createElement(
+  ), /* @__PURE__ */ React64.createElement(
     Button,
     {
       disabled: !transactionDataset.hasChanges(),
       text: "Update Profile",
-      style: styles47.updateButton,
+      style: styles51.updateButton,
       onPress: commitProfile,
       isLoading: profileResource.isLoading()
     }
   )));
 };
-var styles47 = StyleSheet51.create({
+var styles51 = StyleSheet55.create({
   scrollContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -7283,10 +7485,10 @@ var styles47 = StyleSheet51.create({
 var ProfileResourceView = {
   name: "profile",
   displayName: "Profile",
-  displayIcon: User2,
+  displayIcon: User3,
   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"
     );
@@ -7294,18 +7496,18 @@ var ProfileResourceView = {
 };
 // resourceViews/RawCode/RawCodeResourceView.tsx
-import { Code as Code4 } from "lucide-react-native";
+import { Code as Code3 } from "lucide-react-native";
 // resourceViews/RawCode/RawCodeView.tsx
-import { useSolidAuth as useSolidAuth7 } from "@ldo/solid-react";
-import React61, {
-  useCallback as useCallback12,
-  useEffect as useEffect8,
+import { useSolidAuth as useSolidAuth10 } from "@ldo/solid-react";
+import React66, {
+  useCallback as useCallback13,
+  useEffect as useEffect9,
   useState as useState13
 } from "react";
 // resourceViews/RawCode/RawCodeEditor.tsx
-import React60, { useRef as useRef3 } from "react";
+import React65, { useRef as useRef3 } from "react";
 import Editor from "@monaco-editor/react";
 var RawCodeEditor = ({
   value,
@@ -7319,7 +7521,7 @@ var RawCodeEditor = ({
   const handleEditorDidMount = (editor, monaco) => {
     monacoRef.current = monaco;
   };
-  return /* @__PURE__ */ React60.createElement(
+  return /* @__PURE__ */ React65.createElement(
     Editor,
     {
       className: "flex-1",
@@ -7334,13 +7536,13 @@ var RawCodeEditor = ({
 };
 // resourceViews/RawCode/RawCodeView.tsx
-import { View as View32, StyleSheet as StyleSheet52 } from "react-native";
-import { Notifier as Notifier2 } from "react-native-notifier";
+import { View as View35, StyleSheet as StyleSheet56 } from "react-native";
+import { Notifier as Notifier3 } from "react-native-notifier";
 import { Save } from "lucide-react-native";
-import { useTheme as useTheme34 } from "@react-navigation/native";
+import { useTheme as useTheme37 } from "@react-navigation/native";
 var RawCodeView = () => {
-  const { fetch: fetch2 } = useSolidAuth7();
-  const { colors } = useTheme34();
+  const { fetch: fetch2 } = useSolidAuth10();
+  const { colors } = useTheme37();
   const [content, setContent] = useState13("");
   const [contentType, setContentType] = useState13("");
   const [didEdit, setDidEdit] = useState13(false);
@@ -7348,12 +7550,12 @@ var RawCodeView = () => {
   const [isFetching, setIsFetching] = useState13(false);
   const [isSaving, setIsSaving] = useState13(false);
   const targetUri = targetResource?.uri;
-  const fetchContent = useCallback12(async () => {
+  const fetchContent = useCallback13(async () => {
     if (!targetUri || curViewConfig.name !== "rawCode") return;
     setIsFetching(true);
     const response = await fetch2(targetUri);
     if (response.status !== 200) {
-      Notifier2.showNotification({
+      Notifier3.showNotification({
         title: `Could not fetch document. Recieved ${response.status}`
       });
     }
@@ -7362,7 +7564,7 @@ var RawCodeView = () => {
     setDidEdit(false);
     setContentType(response.headers.get("content-type") ?? "");
   }, [curViewConfig.name, fetch2, targetUri]);
-  const submitChanges = useCallback12(async () => {
+  const submitChanges = useCallback13(async () => {
     if (!targetUri) return;
     setIsSaving(true);
     const response = await fetch2(targetUri, {
@@ -7373,23 +7575,23 @@ var RawCodeView = () => {
       body: content
     });
     if (response.status !== 205) {
-      Notifier2.showNotification({
+      Notifier3.showNotification({
         title: `Could save document. Recieved ${response.status}`
       });
       setIsSaving(false);
       return;
     }
-    Notifier2.showNotification({
+    Notifier3.showNotification({
       title: `Document Saved`
     });
     await fetchContent();
     setIsSaving(false);
     setDidEdit(false);
   }, [content, contentType, fetch2, fetchContent, targetUri]);
-  useEffect8(() => {
+  useEffect9(() => {
     fetchContent();
   }, [fetchContent]);
-  return /* @__PURE__ */ React61.createElement(View32, { style: [styles48.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ React61.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ React61.createElement(
+  return /* @__PURE__ */ React66.createElement(View35, { style: [styles52.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ React66.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ React66.createElement(
     RawCodeEditor,
     {
       value: content,
@@ -7398,10 +7600,10 @@ var RawCodeView = () => {
         setContent(value ?? "");
       }
     }
-  ), /* @__PURE__ */ React61.createElement(
+  ), /* @__PURE__ */ React66.createElement(
     Button,
     {
-      style: styles48.saveButton,
+      style: styles52.saveButton,
       onPress: submitChanges,
       text: "Save Changes",
       iconLeft: Save,
@@ -7410,7 +7612,7 @@ var RawCodeView = () => {
     }
   ));
 };
-var styles48 = StyleSheet52.create({
+var styles52 = StyleSheet56.create({
   container: {
     flex: 1,
     position: "relative"
@@ -7427,7 +7629,7 @@ var styles48 = StyleSheet52.create({
 var RawCodeResourceView = {
   name: "rawCode",
   displayName: "Raw Code",
-  displayIcon: Code4,
+  displayIcon: Code3,
   view: RawCodeView,
   canDisplay: () => true
 };
@@ -7436,8 +7638,8 @@ var RawCodeResourceView = {
 import { Image as ImageIcon } from "lucide-react-native";
 // resourceViews/Image/ImageView.tsx
-import React62, { useMemo as useMemo12, useEffect as useEffect9 } from "react";
-import { View as View33, Image as Image2, StyleSheet as StyleSheet53 } from "react-native";
+import React67, { useMemo as useMemo12, useEffect as useEffect10 } from "react";
+import { View as View36, Image as Image2, StyleSheet as StyleSheet57 } from "react-native";
 import { useResource as useResource5 } from "@ldo/solid-react";
 var ImageView = () => {
   const { targetUri } = useViewContext();
@@ -7448,39 +7650,39 @@ var ImageView = () => {
     if (!blob2 || !blob2.type.startsWith("image/")) return void 0;
     return URL.createObjectURL(blob2);
   }, [imageResource]);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       if (blobUrl) URL.revokeObjectURL(blobUrl);
     };
   }, [blobUrl]);
   if (!targetUri || !imageResource) return null;
   if (imageResource.isLoading?.() ?? imageResource.status?.type === "unfetched") {
-    return /* @__PURE__ */ React62.createElement(View33, { style: styles49.center }, /* @__PURE__ */ React62.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ React62.createElement(Text2, null, "Loading image\u2026"));
+    return /* @__PURE__ */ React67.createElement(View36, { style: styles53.center }, /* @__PURE__ */ React67.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ React67.createElement(Text2, null, "Loading image\u2026"));
   }
   if (imageResource.status?.isError) {
-    return /* @__PURE__ */ React62.createElement(View33, { style: styles49.center }, /* @__PURE__ */ React62.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
+    return /* @__PURE__ */ React67.createElement(View36, { style: styles53.center }, /* @__PURE__ */ React67.createElement(Text2, null, imageResource.status.message ?? "Failed to load image."));
   }
   if (!imageResource.isBinary()) {
-    return /* @__PURE__ */ React62.createElement(View33, { style: styles49.center }, /* @__PURE__ */ React62.createElement(Text2, null, "This resource is not a binary image."));
+    return /* @__PURE__ */ React67.createElement(View36, { style: styles53.center }, /* @__PURE__ */ React67.createElement(Text2, null, "This resource is not a binary image."));
   }
   const blob = imageResource.getBlob();
   if (!blob || !blob.type.startsWith("image/")) {
-    return /* @__PURE__ */ React62.createElement(View33, { style: styles49.center }, /* @__PURE__ */ React62.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
+    return /* @__PURE__ */ React67.createElement(View36, { style: styles53.center }, /* @__PURE__ */ React67.createElement(Text2, null, "This binary resource is not an image (", blob?.type ?? "unknown type", ")."));
   }
   if (!blobUrl) {
-    return /* @__PURE__ */ React62.createElement(View33, { style: styles49.center }, /* @__PURE__ */ React62.createElement(Text2, null, "Unable to display image."));
+    return /* @__PURE__ */ React67.createElement(View36, { style: styles53.center }, /* @__PURE__ */ React67.createElement(Text2, null, "Unable to display image."));
   }
-  return /* @__PURE__ */ React62.createElement(View33, { style: styles49.container }, /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React67.createElement(View36, { style: styles53.container }, /* @__PURE__ */ React67.createElement(
     Image2,
     {
       source: { uri: blobUrl },
-      style: styles49.image,
+      style: styles53.image,
       resizeMode: "contain",
       accessibilityLabel: "Image resource"
     }
   ));
 };
-var styles49 = StyleSheet53.create({
+var styles53 = StyleSheet57.create({
   container: {
     flex: 1,
     padding: 16,
@@ -7570,6 +7772,11 @@ export {
   CopyLink,
   DataBrowser,
   DataBrowserConfigContext,
+  DefaultContainerContent,
+  DefaultContainerLayout,
+  DefaultContainerResourceItem,
+  DefaultContainerSideMenu,
+  DefaultContainerView,
   Dialog,
   DialogClose,
   DialogContent,
@@ -7686,6 +7893,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  TargetResourceLoader,
   TargetResourceProvider,
   Text2 as Text,
   TextStyleContext,