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

package/dist-lib/index.mjs

@@ -26,9 +26,9 @@ 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";
+import { useTheme as useTheme18 } from "@react-navigation/native";
 
 // components/nav/header/AddressBox.tsx
 import React6, { useEffect as useEffect2, useMemo as useMemo2 } from "react";
@@ -548,7 +548,7 @@ function useDataBrowserConfig() {
 }
 
 // components/TargetResourceProvider.tsx
-import { useResource } from "@ldo/solid-react";
+import { useResource, useSolidAuth } from "@ldo/solid-react";
 import { Platform as Platform4 } from "react-native";
 var TargetResourceContext = createContext3({});
 function useTargetResource() {
@@ -558,6 +558,7 @@ 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("");
   });
@@ -609,6 +610,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 +778,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";
 
@@ -2781,7 +2786,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 +2831,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";
@@ -3035,7 +3040,7 @@ 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;
@@ -3121,7 +3126,7 @@ 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
@@ -3243,11 +3248,34 @@ 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";
@@ -3357,7 +3385,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 +3399,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 +3425,7 @@ var ListItem = ({ viewConfig, children }) => {
   );
 };
 ListItem.displayName = "ListItem";
-var styles11 = StyleSheet14.create({
+var styles12 = StyleSheet15.create({
   triggerContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -3437,12 +3465,12 @@ import React32, {
   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 +3485,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 +3500,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 +3516,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 +3534,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 +3562,7 @@ function Separator2({
     }
   );
 }
-var styles14 = StyleSheet17.create({
+var styles15 = StyleSheet18.create({
   horizontal: {
     flexShrink: 0,
     height: 1,
@@ -3552,22 +3580,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 +3613,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 Platform10, 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 +3633,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 +3645,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
   ]);
@@ -3634,7 +3662,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 +3691,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 +3711,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 +3731,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 +3761,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, {
@@ -3746,8 +3774,8 @@ import React27, {
   useRef,
   useEffect as useEffect5
 } 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 +3789,7 @@ function InputDropdown({
   style,
   ...inputProps
 }) {
-  const { colors } = useTheme14();
+  const { colors } = useTheme15();
   const [isDropdownOpen, setIsDropdownOpen] = useState7(false);
   const inputRef = useRef(null);
   const filteredItems = useMemo6(() => {
@@ -3802,11 +3830,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 +3848,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 +3894,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 +3919,7 @@ var AgentInput = ({
   existingAgents,
   className
 }) => {
-  const { session } = useSolidAuth4();
+  const { session } = useSolidAuth5();
   const [inputValue, setInputValue] = useState8("");
   const currentUserProfile = useLinkQuery(
     SolidProfileShapeType,
@@ -3955,7 +3983,7 @@ var AgentInput = ({
     }
   );
 };
-var styles19 = StyleSheet23.create({
+var styles20 = StyleSheet24.create({
   dropdownItem: {
     padding: 8,
     borderBottomWidth: 1
@@ -4011,7 +4039,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 +4047,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 +4070,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 +4094,7 @@ var WacRuleForm = ({
     }
   ));
 };
-var styles21 = StyleSheet25.create({
+var styles22 = StyleSheet26.create({
   container: {
     gap: 16,
     marginTop: 8,
@@ -4090,7 +4118,7 @@ var SharingModalProvider = ({
   children
 }) => {
   const { targetResource } = useViewContext();
-  const { colors } = useTheme16();
+  const { colors } = useTheme17();
   const [isOpen, setIsOpen] = useState9(false);
   const [wacResult, setWacResult] = useState9();
   const [isLoading, setIsLoading] = useState9(false);
@@ -4147,7 +4175,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,7 +4194,7 @@ var SharingModalProvider = ({
     ))
   )), children);
 };
-var styles22 = StyleSheet26.create({
+var styles23 = StyleSheet27.create({
   scrollView: {
     flex: 1,
     borderTopWidth: 1,
@@ -4182,14 +4210,14 @@ var styles22 = StyleSheet26.create({
 
 // components/nav/header/Header.tsx
 var Header = () => {
-  const { session } = useSolidAuth5();
+  const { session } = useSolidAuth6();
   const { openSharingModal } = useSharingModal();
-  const { colors } = useTheme17();
+  const { colors } = useTheme18();
   return /* @__PURE__ */ React33.createElement(
     Card,
     {
       style: [
-        styles23.card,
+        styles24.card,
         { borderBottomWidth: 1, borderBottomColor: colors.border }
       ]
     },
@@ -4199,7 +4227,7 @@ var Header = () => {
       {
         key: "setMemu",
         variant: "ghost",
-        style: styles23.shareButton,
+        style: styles24.shareButton,
         onPress: openSharingModal,
         iconLeft: UserPlus
       }
@@ -4208,7 +4236,7 @@ var Header = () => {
     session.isLoggedIn ? /* @__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 +4257,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,22 +4336,22 @@ var DialogProvider = ({
 };
 
 // components/nav/Layout.tsx
-import { useSolidAuth as useSolidAuth6 } from "@ldo/solid-react";
-import { useTheme as useTheme18 } from "@react-navigation/native";
+import { useSolidAuth as useSolidAuth7 } from "@ldo/solid-react";
+import { useTheme as useTheme19 } from "@react-navigation/native";
 var ValidViewContext = createContext7({});
 var Layout = () => {
-  const { ranInitialAuthCheck } = useSolidAuth6();
-  const { colors } = useTheme18();
+  const { ranInitialAuthCheck } = useSolidAuth7();
+  const { colors } = useTheme19();
   if (!ranInitialAuthCheck) {
     return /* @__PURE__ */ React35.createElement(React35.Fragment, null);
   }
   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 +4364,7 @@ var RenderView = () => {
   const CurView = viewToRender.view;
   return /* @__PURE__ */ React35.createElement(CurView, null);
 };
-var styles24 = StyleSheet28.create({
+var styles25 = StyleSheet29.create({
   container: {
     flex: 1
   },
@@ -4364,7 +4392,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 Platform12, Pressable as Pressable4, View as View19, StyleSheet as StyleSheet30 } from "react-native";
 import Animated3, {
   Extrapolation,
   FadeIn as FadeIn2,
@@ -4377,7 +4405,7 @@ import Animated3, {
   withTiming as withTiming2
 } from "react-native-reanimated";
 import { ChevronDown as ChevronDown3 } from "lucide-react-native";
-import { useTheme as useTheme19 } from "@react-navigation/native";
+import { useTheme as useTheme20 } from "@react-navigation/native";
 function Accordion({
   children,
   ...props
@@ -4396,18 +4424,18 @@ function AccordionItem({
   value,
   ...props
 }) {
-  const { colors } = useTheme19();
+  const { colors } = useTheme20();
   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
         ]),
@@ -4423,7 +4451,7 @@ function AccordionTrigger({
   children,
   ...props
 }) {
-  const { colors } = useTheme19();
+  const { colors } = useTheme20();
   const { isExpanded } = AccordionPrimitive.useItemContext();
   const progress = useDerivedValue2(
     () => isExpanded ? withTiming2(1, { duration: 250 }) : withTiming2(0, { duration: 200 })
@@ -4437,11 +4465,11 @@ function AccordionTrigger({
     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,
+      style: StyleSheet30.flatten([
+        styles26.trigger,
         { flex: Platform12.OS === "web" ? 1 : void 0 },
         style
       ])
@@ -4455,7 +4483,7 @@ function AccordionContent({
   children,
   ...props
 }) {
-  const { colors } = useTheme19();
+  const { colors } = useTheme20();
   const textStyles2 = {
     fontSize: Platform12.OS === "web" ? 14 : 18,
     color: colors.text
@@ -4463,14 +4491,14 @@ function AccordionContent({
   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({
@@ -4478,19 +4506,19 @@ function InnerContent({
   style
 }) {
   if (Platform12.OS === "web") {
-    return /* @__PURE__ */ React37.createElement(View19, { style: StyleSheet29.flatten([styles25.innerContent, style]) }, children);
+    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"
   },
@@ -4515,9 +4543,9 @@ var styles25 = StyleSheet29.create({
 });
 
 // components/ui/alert.tsx
-import { useTheme as useTheme20 } from "@react-navigation/native";
+import { useTheme as useTheme21 } 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",
@@ -4526,16 +4554,16 @@ function Alert({
   iconSize = 16,
   ...props
 }) {
-  const { colors } = useTheme20();
+  const { colors } = useTheme21();
   const getAlertStyles = () => {
     const baseAlertStyles = {
       backgroundColor: colors.background,
       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,
@@ -4544,11 +4572,11 @@ function Alert({
   )), children);
 }
 function AlertTitle({ style, ...props }) {
-  const { colors } = useTheme20();
+  const { colors } = useTheme21();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: StyleSheet30.flatten([styles26.title, { color: colors.text }, style]),
+      style: StyleSheet31.flatten([styles27.title, { color: colors.text }, style]),
       ...props
     }
   );
@@ -4557,12 +4585,12 @@ function AlertDescription({
   style,
   ...props
 }) {
-  const { colors } = useTheme20();
+  const { colors } = useTheme21();
   return /* @__PURE__ */ React38.createElement(
     Text2,
     {
-      style: StyleSheet30.flatten([
-        styles26.description,
+      style: StyleSheet31.flatten([
+        styles27.description,
         { color: colors.text },
         style
       ]),
@@ -4570,7 +4598,7 @@ function AlertDescription({
     }
   );
 }
-var styles26 = StyleSheet30.create({
+var styles27 = StyleSheet31.create({
   base: {
     position: "relative",
     width: "100%",
@@ -4616,10 +4644,10 @@ 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 { useTheme as useTheme21 } from "@react-navigation/native";
+import { View as View22, StyleSheet as StyleSheet32 } from "react-native";
+import { useTheme as useTheme22 } from "@react-navigation/native";
 function Badge({ style, variant = "default", asChild, ...props }) {
-  const { colors } = useTheme21();
+  const { colors } = useTheme22();
   const Component = asChild ? Slot2.View : View22;
   const getVariantStyles = () => {
     switch (variant) {
@@ -4652,18 +4680,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 +4701,7 @@ var styles27 = StyleSheet31.create({
     paddingVertical: 2
   }
 });
-var textStyles = StyleSheet31.create({
+var textStyles = StyleSheet32.create({
   base: {
     fontSize: 12,
     fontWeight: "600"
@@ -4691,7 +4719,7 @@ import * as ContextMenuPrimitive from "@rn-primitives/context-menu";
 import * as React40 from "react";
 import {
   Platform as Platform13,
-  StyleSheet as StyleSheet32,
+  StyleSheet as StyleSheet33,
   Text as Text5,
   View as View23
 } from "react-native";
@@ -4699,7 +4727,7 @@ import { Check as Check3 } from "lucide-react-native";
 import { ChevronDown as ChevronDown4 } from "lucide-react-native";
 import { ChevronRight as ChevronRight3 } from "lucide-react-native";
 import { ChevronUp as ChevronUp2 } from "lucide-react-native";
-import { useTheme as useTheme22 } from "@react-navigation/native";
+import { useTheme as useTheme23 } from "@react-navigation/native";
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
@@ -4711,30 +4739,30 @@ function ContextMenuSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = useTheme22();
+  const { colors } = useTheme23();
   const { open } = ContextMenuPrimitive.useSubContext();
   const Icon2 = Platform13.OS === "web" ? ChevronRight3 : open ? ChevronUp2 : ChevronDown4;
   const textStyles2 = {
     fontSize: Platform13.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 { colors } = useTheme23();
+  const contentStyles = StyleSheet33.flatten([
+    styles29.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4750,9 +4778,9 @@ function ContextMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = useTheme22();
-  const contentStyles = StyleSheet32.flatten([
-    styles28.content,
+  const { colors } = useTheme23();
+  const contentStyles = StyleSheet33.flatten([
+    styles29.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4763,10 +4791,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([
+        Platform13.OS !== "web" ? StyleSheet33.absoluteFill : void 0,
         overlayStyle
-      ]) : Platform13.OS !== "web" ? StyleSheet32.absoluteFill : void 0
+      ]) : Platform13.OS !== "web" ? StyleSheet33.absoluteFill : void 0
     },
     /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Content, { style: contentStyles, ...props })
   ));
@@ -4776,13 +4804,13 @@ function ContextMenuItem({
   inset,
   ...props
 }) {
-  const { colors } = useTheme22();
+  const { colors } = useTheme23();
   const textStyles2 = {
     fontSize: Platform13.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
@@ -4796,39 +4824,39 @@ function ContextMenuCheckboxItem({
   children,
   ...props
 }) {
-  const { colors } = useTheme22();
-  const checkboxStyles = StyleSheet32.flatten([
-    styles28.checkboxItem,
+  const { colors } = useTheme23();
+  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,
   children,
   ...props
 }) {
-  const { colors } = useTheme22();
-  const radioStyles = StyleSheet32.flatten([
-    styles28.radioItem,
+  const { colors } = useTheme23();
+  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,
   inset,
   ...props
 }) {
-  const { colors } = useTheme22();
-  const labelStyles = StyleSheet32.flatten([
-    styles28.label,
+  const { colors } = useTheme23();
+  const labelStyles = StyleSheet33.flatten([
+    styles29.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -4841,9 +4869,9 @@ function ContextMenuSeparator({
   style,
   ...props
 }) {
-  const { colors } = useTheme22();
-  const separatorStyles = StyleSheet32.flatten([
-    styles28.separator,
+  const { colors } = useTheme23();
+  const separatorStyles = StyleSheet33.flatten([
+    styles29.separator,
     {
       backgroundColor: colors.border
     },
@@ -4852,9 +4880,9 @@ function ContextMenuSeparator({
   return /* @__PURE__ */ React40.createElement(ContextMenuPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function ContextMenuShortcut({ style, ...props }) {
-  const { colors } = useTheme22();
-  const shortcutStyles = StyleSheet32.flatten([
-    styles28.shortcut,
+  const { colors } = useTheme23();
+  const shortcutStyles = StyleSheet33.flatten([
+    styles29.shortcut,
     {
       color: colors.text
     },
@@ -4862,7 +4890,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",
@@ -4965,9 +4993,9 @@ 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 Platform14, StyleSheet as StyleSheet34 } from "react-native";
 import Animated4, { FadeIn as FadeIn3 } from "react-native-reanimated";
-import { useTheme as useTheme23 } from "@react-navigation/native";
+import { useTheme as useTheme24 } from "@react-navigation/native";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 function HoverCardContent({
@@ -4976,9 +5004,9 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  const { colors } = useTheme23();
-  const contentStyles = StyleSheet33.flatten([
-    styles29.content,
+  const { colors } = useTheme24();
+  const contentStyles = StyleSheet34.flatten([
+    styles30.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -4992,7 +5020,7 @@ function HoverCardContent({
   return /* @__PURE__ */ React41.createElement(HoverCardPrimitive.Portal, null, /* @__PURE__ */ React41.createElement(
     HoverCardPrimitive.Overlay,
     {
-      style: Platform14.OS !== "web" ? StyleSheet33.absoluteFill : void 0
+      style: Platform14.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 +5033,7 @@ function HoverCardContent({
     )))
   ));
 }
-var styles29 = StyleSheet33.create({
+var styles30 = StyleSheet34.create({
   content: {
     zIndex: 50,
     width: 256,
@@ -5022,7 +5050,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 +5062,7 @@ function Label3({
   return /* @__PURE__ */ React42.createElement(
     LabelPrimitive.Root,
     {
-      style: styles30.root,
+      style: styles31.root,
       onPress,
       onLongPress,
       onPressIn,
@@ -5043,13 +5071,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,12 +5094,12 @@ 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 Platform15, 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";
 import { ChevronUp as ChevronUp3 } from "lucide-react-native";
-import { useTheme as useTheme24 } from "@react-navigation/native";
+import { useTheme as useTheme25 } from "@react-navigation/native";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -5081,9 +5109,9 @@ function Menubar({
   style,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const rootStyles = StyleSheet35.flatten([
-    styles31.root,
+  const { colors } = useTheme25();
+  const rootStyles = StyleSheet36.flatten([
+    styles32.root,
     {
       backgroundColor: colors.background,
       borderColor: colors.border
@@ -5096,11 +5124,11 @@ function MenubarTrigger({
   style,
   ...props
 }) {
-  const { colors } = useTheme24();
+  const { colors } = useTheme25();
   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
@@ -5115,30 +5143,30 @@ function MenubarSubTrigger({
   children,
   ...props
 }) {
-  const { colors } = useTheme24();
+  const { colors } = useTheme25();
   const { open } = MenubarPrimitive.useSubContext();
   const Icon2 = Platform15.OS === "web" ? ChevronRight4 : open ? ChevronUp3 : ChevronDown5;
   const textStyles2 = {
     fontSize: Platform15.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 { colors } = useTheme25();
+  const contentStyles = StyleSheet36.flatten([
+    styles32.subContent,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5153,9 +5181,9 @@ function MenubarContent({
   portalHost,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const contentStyles = StyleSheet35.flatten([
-    styles31.content,
+  const { colors } = useTheme25();
+  const contentStyles = StyleSheet36.flatten([
+    styles32.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5170,13 +5198,13 @@ function MenubarItem({
   inset,
   ...props
 }) {
-  const { colors } = useTheme24();
+  const { colors } = useTheme25();
   const textStyles2 = {
     fontSize: Platform15.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
@@ -5191,9 +5219,9 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const checkboxStyles = StyleSheet35.flatten([
-    styles31.checkboxItem,
+  const { colors } = useTheme25();
+  const checkboxStyles = StyleSheet36.flatten([
+    styles32.checkboxItem,
     {
       opacity: props.disabled ? 0.5 : 1
     },
@@ -5206,7 +5234,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
   );
 }
@@ -5215,24 +5243,24 @@ function MenubarRadioItem({
   children,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const radioStyles = StyleSheet35.flatten([
-    styles31.radioItem,
+  const { colors } = useTheme25();
+  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,
   inset,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const labelStyles = StyleSheet35.flatten([
-    styles31.label,
+  const { colors } = useTheme25();
+  const labelStyles = StyleSheet36.flatten([
+    styles32.label,
     {
       color: colors.text,
       paddingLeft: inset ? 32 : 8
@@ -5245,9 +5273,9 @@ function MenubarSeparator({
   style,
   ...props
 }) {
-  const { colors } = useTheme24();
-  const separatorStyles = StyleSheet35.flatten([
-    styles31.separator,
+  const { colors } = useTheme25();
+  const separatorStyles = StyleSheet36.flatten([
+    styles32.separator,
     {
       backgroundColor: colors.border
     },
@@ -5256,9 +5284,9 @@ function MenubarSeparator({
   return /* @__PURE__ */ React43.createElement(MenubarPrimitive.Separator, { style: separatorStyles, ...props });
 }
 function MenubarShortcut({ style, ...props }) {
-  const { colors } = useTheme24();
-  const shortcutStyles = StyleSheet35.flatten([
-    styles31.shortcut,
+  const { colors } = useTheme25();
+  const shortcutStyles = StyleSheet36.flatten([
+    styles32.shortcut,
     {
       color: colors.text
     },
@@ -5266,7 +5294,7 @@ 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,
@@ -5387,9 +5415,9 @@ 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 Platform16, 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";
+import { useTheme as useTheme26 } from "@react-navigation/native";
 function NavigationMenu({
   style,
   children,
@@ -5398,7 +5426,7 @@ function NavigationMenu({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.Root,
     {
-      style: StyleSheet36.flatten([styles32.navigationMenu, style]),
+      style: StyleSheet37.flatten([styles33.navigationMenu, style]),
       ...props
     },
     children,
@@ -5412,7 +5440,7 @@ function NavigationMenuList({
   return /* @__PURE__ */ React44.createElement(
     NavigationMenuPrimitive.List,
     {
-      style: StyleSheet36.flatten([styles32.navigationMenuList, style]),
+      style: StyleSheet37.flatten([styles33.navigationMenuList, style]),
       ...props
     }
   );
@@ -5423,7 +5451,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  const { colors } = useTheme25();
+  const { colors } = useTheme26();
   const { value } = NavigationMenuPrimitive.useRootContext();
   const { value: itemValue } = NavigationMenuPrimitive.useItemContext();
   const isActive = value === itemValue;
@@ -5431,14 +5459,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({
@@ -5447,12 +5475,12 @@ function NavigationMenuContent({
   portalHost,
   ...props
 }) {
-  const { colors } = useTheme25();
+  const { colors } = useTheme26();
   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
@@ -5469,12 +5497,12 @@ function NavigationMenuViewport({
   style,
   ...props
 }) {
-  const { colors } = useTheme25();
-  return /* @__PURE__ */ React44.createElement(View25, { style: styles32.viewportContainer }, /* @__PURE__ */ React44.createElement(
+  const { colors } = useTheme26();
+  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
@@ -5491,26 +5519,26 @@ function NavigationMenuIndicator({
   style,
   ...props
 }) {
-  const { colors } = useTheme25();
+  const { colors } = useTheme26();
   return /* @__PURE__ */ React44.createElement(
     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,
@@ -5610,9 +5638,9 @@ 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 Platform17, 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";
+import { useTheme as useTheme27 } from "@react-navigation/native";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 function PopoverContent({
@@ -5622,9 +5650,9 @@ function PopoverContent({
   portalHost,
   ...props
 }) {
-  const { colors } = useTheme26();
-  const contentStyles = StyleSheet37.flatten([
-    styles33.content,
+  const { colors } = useTheme27();
+  const contentStyles = StyleSheet38.flatten([
+    styles34.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -5638,7 +5666,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: Platform17.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 +5679,7 @@ function PopoverContent({
     )))
   ));
 }
-var styles33 = StyleSheet37.create({
+var styles34 = StyleSheet38.create({
   content: {
     zIndex: 50,
     width: 288,
@@ -5668,7 +5696,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 Platform18, View as View26, StyleSheet as StyleSheet39 } from "react-native";
 import Animated6, {
   Extrapolation as Extrapolation2,
   interpolate as interpolate2,
@@ -5676,16 +5704,16 @@ import Animated6, {
   useDerivedValue as useDerivedValue3,
   withSpring
 } from "react-native-reanimated";
-import { useTheme as useTheme27 } from "@react-navigation/native";
+import { useTheme as useTheme28 } from "@react-navigation/native";
 function Progress({
   style,
   value,
   indicatorStyle,
   ...props
 }) {
-  const { colors } = useTheme27();
-  const progressStyles = StyleSheet38.flatten([
-    styles34.progress,
+  const { colors } = useTheme28();
+  const progressStyles = StyleSheet39.flatten([
+    styles35.progress,
     { backgroundColor: colors.border },
     style
   ]);
@@ -5695,7 +5723,7 @@ function Indicator4({
   value,
   style
 }) {
-  const { colors } = useTheme27();
+  const { colors } = useTheme28();
   const progress = useDerivedValue3(() => value ?? 0);
   const indicator = useAnimatedStyle3(() => {
     return {
@@ -5709,8 +5737,8 @@ function Indicator4({
     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 +5752,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,8 +5782,8 @@ 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 { useTheme as useTheme28 } from "@react-navigation/native";
+import { View as View27, StyleSheet as StyleSheet40 } from "react-native";
+import { useTheme as useTheme29 } from "@react-navigation/native";
 function RadioGroup4({
   style,
   ...props
@@ -5763,7 +5791,7 @@ function RadioGroup4({
   return /* @__PURE__ */ React47.createElement(
     RadioGroupPrimitive.Root,
     {
-      style: StyleSheet39.flatten([styles35.root, style]),
+      style: StyleSheet40.flatten([styles36.root, style]),
       ...props
     }
   );
@@ -5772,28 +5800,28 @@ function RadioGroupItem({
   style,
   ...props
 }) {
-  const { colors } = useTheme28();
-  const itemStyles = StyleSheet39.flatten([
-    styles35.item,
+  const { colors } = useTheme29();
+  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 +5859,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 Platform19, 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,12 +5873,12 @@ 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,
@@ -5862,10 +5890,10 @@ function SelectScrollUpButton({
   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({
@@ -5878,10 +5906,10 @@ function SelectScrollDownButton({
   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 +5923,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: Platform19.OS !== "web" ? StyleSheet41.absoluteFill : void 0
     },
     /* @__PURE__ */ React48.createElement(
       Animated7.View,
@@ -5907,7 +5935,7 @@ function SelectContent({
       /* @__PURE__ */ React48.createElement(
         SelectPrimitive.Content,
         {
-          style: StyleSheet40.flatten([styles36.content, style]),
+          style: StyleSheet41.flatten([styles37.content, style]),
           position,
           ...props
         },
@@ -5915,8 +5943,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 +5966,7 @@ function SelectLabel({
   return /* @__PURE__ */ React48.createElement(
     SelectPrimitive.Label,
     {
-      style: StyleSheet40.flatten([styles36.label, style]),
+      style: StyleSheet41.flatten([styles37.label, style]),
       ...props
     }
   );
@@ -5947,19 +5975,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 +5996,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,14 +6100,14 @@ import Animated8, {
   withSequence,
   withTiming as withTiming3
 } from "react-native-reanimated";
-import { StyleSheet as StyleSheet41 } from "react-native";
-import { useTheme as useTheme29 } from "@react-navigation/native";
+import { StyleSheet as StyleSheet42 } from "react-native";
+import { useTheme as useTheme30 } from "@react-navigation/native";
 var duration = 1e3;
 function Skeleton({
   style,
   ...props
 }) {
-  const { colors } = useTheme29();
+  const { colors } = useTheme30();
   const sv = useSharedValue(1);
   React49.useEffect(() => {
     sv.value = withRepeat(
@@ -6089,13 +6117,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 +6132,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 +6140,7 @@ function Table({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Root,
     {
-      style: StyleSheet42.flatten([styles38.table, style]),
+      style: StyleSheet43.flatten([styles39.table, style]),
       ...props
     }
   );
@@ -6124,7 +6152,7 @@ function TableHeader({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Header,
     {
-      style: StyleSheet42.flatten([styles38.header, style]),
+      style: StyleSheet43.flatten([styles39.header, style]),
       ...props
     }
   );
@@ -6136,7 +6164,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 +6176,7 @@ function TableFooter({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Footer,
     {
-      style: StyleSheet42.flatten([styles38.footer, style]),
+      style: StyleSheet43.flatten([styles39.footer, style]),
       ...props
     }
   );
@@ -6160,7 +6188,7 @@ function TableRow({
   return /* @__PURE__ */ React50.createElement(
     TablePrimitive.Row,
     {
-      style: StyleSheet42.flatten([styles38.row, style]),
+      style: StyleSheet43.flatten([styles39.row, style]),
       ...props
     }
   );
@@ -6177,7 +6205,7 @@ function TableHead({
     /* @__PURE__ */ React50.createElement(
       TablePrimitive.Head,
       {
-        style: StyleSheet42.flatten([styles38.head, style]),
+        style: StyleSheet43.flatten([styles39.head, style]),
         ...props
       }
     )
@@ -6190,12 +6218,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 +6264,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 +6273,7 @@ function TabsList({
   return /* @__PURE__ */ React51.createElement(
     TabsPrimitive.List,
     {
-      style: StyleSheet43.flatten([styles39.list, style]),
+      style: StyleSheet44.flatten([styles40.list, style]),
       ...props
     }
   );
@@ -6256,13 +6284,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 +6299,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 +6344,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 +6352,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 +6369,7 @@ function Textarea({
     }
   );
 }
-var styles40 = StyleSheet44.create({
+var styles41 = StyleSheet45.create({
   textarea: {
     minHeight: 80,
     width: "100%",
@@ -6364,8 +6392,8 @@ var styles40 = StyleSheet44.create({
 
 // components/ui/toggle-group.tsx
 import * as React53 from "react";
-import { StyleSheet as StyleSheet45 } from "react-native";
-import { useTheme as useTheme30 } from "@react-navigation/native";
+import { StyleSheet as StyleSheet46 } from "react-native";
+import { useTheme as useTheme31 } from "@react-navigation/native";
 import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
 var ToggleGroupContext = React53.createContext(null);
 function ToggleGroup({
@@ -6378,7 +6406,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)
@@ -6400,7 +6428,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const { colors } = useTheme30();
+  const { colors } = useTheme31();
   const context = useToggleGroupContext();
   const { value } = ToggleGroupPrimitive.useRootContext();
   const isSelected = ToggleGroupPrimitive.utils.getIsSelected(
@@ -6415,23 +6443,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(),
     {
@@ -6447,10 +6475,10 @@ function ToggleGroupIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = useTheme30();
+  const { colors } = useTheme31();
   return /* @__PURE__ */ React53.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles41 = StyleSheet45.create({
+var styles42 = StyleSheet46.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -6486,8 +6514,8 @@ 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 { useTheme as useTheme31 } from "@react-navigation/native";
+import { StyleSheet as StyleSheet47 } from "react-native";
+import { useTheme as useTheme32 } from "@react-navigation/native";
 var toggleVariants = {
   default: {
     backgroundColor: "transparent"
@@ -6507,7 +6535,7 @@ function Toggle({
   size = "default",
   ...props
 }) {
-  const { colors } = useTheme31();
+  const { colors } = useTheme32();
   const textStyles2 = {
     fontSize: size === "sm" ? 14 : size === "lg" ? 16 : 14,
     fontWeight: "500",
@@ -6516,23 +6544,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(),
     {
@@ -6548,10 +6576,10 @@ function ToggleIcon({
   icon: Icon2,
   ...props
 }) {
-  const { colors } = useTheme31();
+  const { colors } = useTheme32();
   return /* @__PURE__ */ React54.createElement(Icon2, { color: colors.text, ...props });
 }
-var styles42 = StyleSheet46.create({
+var styles43 = StyleSheet47.create({
   toggle: {
     alignItems: "center",
     justifyContent: "center",
@@ -6581,9 +6609,9 @@ 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 Platform20, 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";
+import { useTheme as useTheme33 } from "@react-navigation/native";
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 function TooltipContent({
@@ -6592,9 +6620,9 @@ function TooltipContent({
   portalHost,
   ...props
 }) {
-  const { colors } = useTheme32();
-  const tooltipStyles = StyleSheet47.flatten([
-    styles43.content,
+  const { colors } = useTheme33();
+  const tooltipStyles = StyleSheet48.flatten([
+    styles44.content,
     {
       backgroundColor: colors.background,
       borderColor: colors.border,
@@ -6609,7 +6637,7 @@ function TooltipContent({
   return /* @__PURE__ */ React55.createElement(TooltipPrimitive.Portal, { hostName: portalHost }, /* @__PURE__ */ React55.createElement(
     TooltipPrimitive.Overlay,
     {
-      style: Platform20.OS !== "web" ? StyleSheet47.absoluteFill : void 0
+      style: Platform20.OS !== "web" ? StyleSheet48.absoluteFill : void 0
     },
     /* @__PURE__ */ React55.createElement(
       Animated9.View,
@@ -6628,7 +6656,7 @@ function TooltipContent({
     )
   ));
 }
-var styles43 = StyleSheet47.create({
+var styles44 = StyleSheet48.create({
   content: {
     zIndex: 50,
     overflow: "hidden",
@@ -6646,7 +6674,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 Platform21, 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 +6682,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 +6694,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 +6706,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,14 +6718,14 @@ 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;
@@ -6705,7 +6733,7 @@ function BlockQuote({ style, asChild = false, ...props }) {
     Component,
     {
       role: Platform21.OS === "web" ? "blockquote" : void 0,
-      style: StyleSheet48.flatten([styles44.blockquote, style]),
+      style: StyleSheet49.flatten([styles45.blockquote, style]),
       ...props
     }
   );
@@ -6716,28 +6744,28 @@ function Code({ style, asChild = false, ...props }) {
     Component,
     {
       role: Platform21.OS === "web" ? "code" : void 0,
-      style: StyleSheet48.flatten([styles44.code, style]),
+      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))",
@@ -6897,7 +6925,7 @@ import React57, {
 import {
   View as View29,
   FlatList,
-  StyleSheet as StyleSheet49,
+  StyleSheet as StyleSheet50,
   Pressable as Pressable6,
   ScrollView as ScrollView3,
   Platform as Platform22
@@ -6910,12 +6938,12 @@ 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 { useTheme as useTheme34 } from "@react-navigation/native";
 import { Loader2 } from "lucide-react-native";
 var ContainerView = () => {
   const { targetResource, navigateTo } = useViewContext();
   const { prompt } = useDialog();
-  const { colors } = useTheme33();
+  const { colors } = useTheme34();
   const { resourceCreators = [] } = useDataBrowserConfig();
   const [isCreating, setIsCreating] = useState11(false);
   const [loadingMessages, setLoadingMessages] = useState11([]);
@@ -6988,14 +7016,14 @@ 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(
+  return /* @__PURE__ */ React57.createElement(View29, { style: styles46.mainContainer }, /* @__PURE__ */ React57.createElement(View29, { style: styles46.leftPanel }, /* @__PURE__ */ React57.createElement(DropdownMenu, null, /* @__PURE__ */ React57.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React57.createElement(
     Button,
     {
       text: "Create",
       iconLeft: Plus2,
       disabled: isCreating || availableCreators.length === 0
     }
-  )), /* @__PURE__ */ React57.createElement(DropdownMenuContent, { style: styles45.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ React57.createElement(
+  )), /* @__PURE__ */ React57.createElement(DropdownMenuContent, { style: styles46.createDropdownContent }, availableCreators.map((creator) => /* @__PURE__ */ React57.createElement(
     DropdownMenuItem,
     {
       key: creator.name,
@@ -7006,22 +7034,22 @@ var ContainerView = () => {
   )))), isCreating && /* @__PURE__ */ React57.createElement(
     View29,
     {
-      style: [styles45.creatingPanel, { backgroundColor: colors.border }]
+      style: [styles46.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")),
+    /* @__PURE__ */ React57.createElement(View29, { style: styles46.creatingHeader }, /* @__PURE__ */ React57.createElement(Loader2, { size: 16, style: styles46.spinner }), /* @__PURE__ */ React57.createElement(Text2, null, "Creating\u2026")),
     loadingMessages.length > 0 && /* @__PURE__ */ React57.createElement(
       ScrollView3,
       {
-        style: styles45.loadingMessages,
-        contentContainerStyle: styles45.loadingMessagesContent
+        style: styles46.loadingMessages,
+        contentContainerStyle: styles46.loadingMessagesContent
       },
-      loadingMessages.map((msg, i) => /* @__PURE__ */ React57.createElement(Text2, { key: i, style: styles45.loadingMessageItem }, msg))
+      loadingMessages.map((msg, i) => /* @__PURE__ */ React57.createElement(Text2, { key: i, style: styles46.loadingMessageItem }, msg))
     )
   )), /* @__PURE__ */ React57.createElement(
     View29,
     {
       style: [
-        styles45.rightPanel,
+        styles46.rightPanel,
         { borderLeftWidth: 1, borderLeftColor: colors.border }
       ]
     },
@@ -7033,7 +7061,7 @@ var ContainerView = () => {
         ItemSeparatorComponent: () => /* @__PURE__ */ React57.createElement(
           View29,
           {
-            style: [styles45.listSeparator, { backgroundColor: colors.border }]
+            style: [styles46.listSeparator, { backgroundColor: colors.border }]
           }
         ),
         renderItem: ({ item }) => {
@@ -7044,14 +7072,14 @@ var ContainerView = () => {
             {
               onPress: () => navigateTo(item.uri),
               style: ({ hovered }) => [
-                styles45.listItemRow,
+                styles46.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(
+            /* @__PURE__ */ React57.createElement(View29, { style: styles46.listItem }, /* @__PURE__ */ React57.createElement(View29, { style: styles46.listItemText }, /* @__PURE__ */ React57.createElement(Icon, { icon: TypeIcon, size: 18 }), /* @__PURE__ */ React57.createElement(
               Text2,
               {
-                style: styles45.listItemLabel,
+                style: styles46.listItemLabel,
                 numberOfLines: 1,
                 ellipsizeMode: "middle"
               },
@@ -7061,7 +7089,7 @@ var ContainerView = () => {
               {
                 variant: "ghost",
                 size: "icon",
-                style: styles45.deleteButton,
+                style: styles46.deleteButton,
                 onPress: () => onDelete(item),
                 iconLeft: Trash2
               }
@@ -7072,7 +7100,7 @@ var ContainerView = () => {
     )
   ));
 };
-var styles45 = StyleSheet49.create({
+var styles46 = StyleSheet50.create({
   mainContainer: {
     flex: 1,
     flexDirection: "row"
@@ -7162,13 +7190,13 @@ var ContainerResourceView = {
 import { User as User2 } from "lucide-react-native";
 
 // resourceViews/Profile/ProfileView.tsx
-import { ScrollView as ScrollView4, View as View31, StyleSheet as StyleSheet51 } from "react-native";
+import { ScrollView as ScrollView4, View as View31, StyleSheet as StyleSheet52 } from "react-native";
 import React59 from "react";
 
 // resourceViews/Profile/ProfileKnows.tsx
 import React58, { useCallback as useCallback11, 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 View30, StyleSheet as StyleSheet51 } from "react-native";
 import { Trash as Trash3 } from "lucide-react-native";
 var ProfileKnows = ({
   resource,
@@ -7182,7 +7210,7 @@ var ProfileKnows = ({
     });
     setNewContact("");
   }, [newContact, resource, setProfile]);
-  return /* @__PURE__ */ React58.createElement(View30, { style: styles46.container }, /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React58.createElement(View30, { style: styles47.container }, /* @__PURE__ */ React58.createElement(
     Input,
     {
       placeholder: "https://example.pod/john/profile/card#me",
@@ -7216,7 +7244,7 @@ var ProfileKnows = ({
     }
   )));
 };
-var styles46 = StyleSheet50.create({
+var styles47 = StyleSheet51.create({
   container: {
     gap: 16
     // gap-4 equivalent (4 * 4px = 16px)
@@ -7231,7 +7259,7 @@ var ProfileView = () => {
   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__ */ React59.createElement(ScrollView4, { contentContainerStyle: styles48.scrollContainer }, /* @__PURE__ */ React59.createElement(View31, { style: styles48.container }, /* @__PURE__ */ React59.createElement(Text2, { variant: "h1" }, "Profile"), /* @__PURE__ */ React59.createElement(
     Input,
     {
       placeholder: "John Doe",
@@ -7255,13 +7283,13 @@ var ProfileView = () => {
     {
       disabled: !transactionDataset.hasChanges(),
       text: "Update Profile",
-      style: styles47.updateButton,
+      style: styles48.updateButton,
       onPress: commitProfile,
       isLoading: profileResource.isLoading()
     }
   )));
 };
-var styles47 = StyleSheet51.create({
+var styles48 = StyleSheet52.create({
   scrollContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -7297,7 +7325,7 @@ var ProfileResourceView = {
 import { Code as Code4 } from "lucide-react-native";
 
 // resourceViews/RawCode/RawCodeView.tsx
-import { useSolidAuth as useSolidAuth7 } from "@ldo/solid-react";
+import { useSolidAuth as useSolidAuth8 } from "@ldo/solid-react";
 import React61, {
   useCallback as useCallback12,
   useEffect as useEffect8,
@@ -7334,13 +7362,13 @@ var RawCodeEditor = ({
 };
 
 // resourceViews/RawCode/RawCodeView.tsx
-import { View as View32, StyleSheet as StyleSheet52 } from "react-native";
+import { View as View32, StyleSheet as StyleSheet53 } from "react-native";
 import { Notifier as Notifier2 } from "react-native-notifier";
 import { Save } from "lucide-react-native";
-import { useTheme as useTheme34 } from "@react-navigation/native";
+import { useTheme as useTheme35 } from "@react-navigation/native";
 var RawCodeView = () => {
-  const { fetch: fetch2 } = useSolidAuth7();
-  const { colors } = useTheme34();
+  const { fetch: fetch2 } = useSolidAuth8();
+  const { colors } = useTheme35();
   const [content, setContent] = useState13("");
   const [contentType, setContentType] = useState13("");
   const [didEdit, setDidEdit] = useState13(false);
@@ -7389,7 +7417,7 @@ var RawCodeView = () => {
   useEffect8(() => {
     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__ */ React61.createElement(View32, { style: [styles49.container, { backgroundColor: colors.background }] }, /* @__PURE__ */ React61.createElement(LoadingBar, { isLoading: isFetching || isSaving }), /* @__PURE__ */ React61.createElement(
     RawCodeEditor,
     {
       value: content,
@@ -7401,7 +7429,7 @@ var RawCodeView = () => {
   ), /* @__PURE__ */ React61.createElement(
     Button,
     {
-      style: styles48.saveButton,
+      style: styles49.saveButton,
       onPress: submitChanges,
       text: "Save Changes",
       iconLeft: Save,
@@ -7410,7 +7438,7 @@ var RawCodeView = () => {
     }
   ));
 };
-var styles48 = StyleSheet52.create({
+var styles49 = StyleSheet53.create({
   container: {
     flex: 1,
     position: "relative"
@@ -7437,7 +7465,7 @@ 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 { View as View33, Image as Image2, StyleSheet as StyleSheet54 } from "react-native";
 import { useResource as useResource5 } from "@ldo/solid-react";
 var ImageView = () => {
   const { targetUri } = useViewContext();
@@ -7455,32 +7483,32 @@ var ImageView = () => {
   }, [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__ */ React62.createElement(View33, { style: styles50.center }, /* @__PURE__ */ React62.createElement(LoadingBar, { isLoading: true }), /* @__PURE__ */ React62.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__ */ React62.createElement(View33, { style: styles50.center }, /* @__PURE__ */ React62.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__ */ React62.createElement(View33, { style: styles50.center }, /* @__PURE__ */ React62.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__ */ React62.createElement(View33, { style: styles50.center }, /* @__PURE__ */ React62.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__ */ React62.createElement(View33, { style: styles50.center }, /* @__PURE__ */ React62.createElement(Text2, null, "Unable to display image."));
   }
-  return /* @__PURE__ */ React62.createElement(View33, { style: styles49.container }, /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React62.createElement(View33, { style: styles50.container }, /* @__PURE__ */ React62.createElement(
     Image2,
     {
       source: { uri: blobUrl },
-      style: styles49.image,
+      style: styles50.image,
       resizeMode: "contain",
       accessibilityLabel: "Image resource"
     }
   ));
 };
-var styles49 = StyleSheet53.create({
+var styles50 = StyleSheet54.create({
   container: {
     flex: 1,
     padding: 16,
@@ -7686,6 +7714,7 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  TargetResourceLoader,
   TargetResourceProvider,
   Text2 as Text,
   TextStyleContext,