for real this time

src/components/UniversalPostRenderer.tsx

···
 import * as React from "react";
 import { type SVGProps } from "react";
 
-import { composerAtom, likedPostsAtom } from "~/utils/atoms";
+import { composerAtom, constellationURLAtom, likedPostsAtom } from "~/utils/atoms";
 import { useHydratedEmbed } from "~/utils/useHydrated";
 import {
   useQueryConstellation,
···
   //   path: ".reply.parent.uri",
   // });
 
+  const [constellationurl] = useAtom(constellationURLAtom)
+
   const infinitequeryresults = useInfiniteQuery({
     ...yknowIReallyHateThisButWhateverGuardedConstructConstellationInfiniteQueryLinks(
       {
+        constellation: constellationurl,
         method: "/links",
         target: atUri,
         collection: "app.bsky.feed.post",

src/routes/profile.$did/post.$rkey.tsx

···
 import { AtUri } from "@atproto/api";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 import { createFileRoute, Outlet } from "@tanstack/react-router";
+import { useAtom } from "jotai";
 import React, { useLayoutEffect } from "react";
 
 import { Header } from "~/components/Header";
 import { UniversalPostRendererATURILoader } from "~/components/UniversalPostRenderer";
+import { constellationURLAtom, slingshotURLAtom } from "~/utils/atoms";
 //import { usePersistentStore } from '~/providers/PersistentStoreProvider';
 import {
   constructPostQuery,
···
   //   path: ".reply.parent.uri",
   // });
   // const replies = repliesData?.linking_records.slice(0, 50) ?? [];
+    const [constellationurl] = useAtom(constellationURLAtom)
+  
   const infinitequeryresults = useInfiniteQuery({
     ...yknowIReallyHateThisButWhateverGuardedConstructConstellationInfiniteQueryLinks(
       {
+        constellation: constellationurl,
         method: "/links",
         target: atUri,
         collection: "app.bsky.feed.post",
···
     }
   }, [parents, layoutReady]);
 
+
+  const [slingshoturl] = useAtom(slingshotURLAtom)
+      
   React.useEffect(() => {
     if (parentsLoading) {
       setLayoutReady(false);
···
       while (currentParentUri && safetyCounter < MAX_PARENTS) {
         try {
           const parentPost = await queryClient.fetchQuery(
-            constructPostQuery(currentParentUri)
+            constructPostQuery(currentParentUri, slingshoturl)
           );
           if (!parentPost) break;
           parentChain.push(parentPost);

src/routes/settings.tsx

···
       <Login />
       <TextInputSetting
         atom={constellationURLAtom}
-        title={"Constellation URL"}
+        title={"Constellation"}
         description={
-          "customize the Constellation instance to be used by Red Dwarf"
+          "Customize the Constellation instance to be used by Red Dwarf"
         }
         init={defaultconstellationURL}
       />
       <TextInputSetting
         atom={slingshotURLAtom}
-        title={"Slingshot URL"}
-        description={"customize the Slingshot instance to be used by Red Dwarf"}
+        title={"Slingshot"}
+        description={"Customize the Slingshot instance to be used by Red Dwarf"}
         init={defaultslingshotURL}
       />
+      <span className="text-gray-500 dark:text-gray-400 py-4 px-6">please restart/refresh the app if changes arent applying correctly</span>
     </>
   );
 }

src/utils/useQuery.ts

···
   useInfiniteQuery,
   useQuery,
   type UseQueryResult} from "@tanstack/react-query";
+import { useAtom } from "jotai";
 
-import { constellationURLAtom, slingshotURLAtom, store } from "./atoms";
+import { constellationURLAtom, slingshotURLAtom } from "./atoms";
 
-export function constructIdentityQuery(didorhandle?: string) {
+export function constructIdentityQuery(didorhandle?: string, slingshoturl?: string) {
   return queryOptions({
     queryKey: ["identity", didorhandle],
     queryFn: async () => {
       if (!didorhandle) return undefined as undefined
-      const slingshoturl = store.get(slingshotURLAtom)
       const res = await fetch(
         `https://${slingshoturl}/xrpc/com.bad-example.identity.resolveMiniDoc?identifier=${encodeURIComponent(didorhandle)}`
       );
···
       Error
     >
 export function useQueryIdentity(didorhandle?: string) {
-  return useQuery(constructIdentityQuery(didorhandle));
+  const [slingshoturl] = useAtom(slingshotURLAtom)
+  return useQuery(constructIdentityQuery(didorhandle, slingshoturl));
 }
 
-export function constructPostQuery(uri?: string) {
+export function constructPostQuery(uri?: string, slingshoturl?: string) {
   return queryOptions({
     queryKey: ["post", uri],
     queryFn: async () => {
       if (!uri) return undefined as undefined
-      const slingshoturl = store.get(slingshotURLAtom)
       const res = await fetch(
         `https://${slingshoturl}/xrpc/com.bad-example.repo.getUriRecord?at_uri=${encodeURIComponent(uri)}`
       );
···
       Error
     >
 export function useQueryPost(uri?: string) {
-  return useQuery(constructPostQuery(uri));
+  const [slingshoturl] = useAtom(slingshotURLAtom)
+  return useQuery(constructPostQuery(uri, slingshoturl));
 }
 
-export function constructProfileQuery(uri?: string) {
+export function constructProfileQuery(uri?: string, slingshoturl?: string) {
   return queryOptions({
     queryKey: ["profile", uri],
     queryFn: async () => {
       if (!uri) return undefined as undefined
-      const slingshoturl = store.get(slingshotURLAtom)
       const res = await fetch(
         `https://${slingshoturl}/xrpc/com.bad-example.repo.getUriRecord?at_uri=${encodeURIComponent(uri)}`
       );
···
     Error
   >
 export function useQueryProfile(uri?: string) {
-  return useQuery(constructProfileQuery(uri));
+  const [slingshoturl] = useAtom(slingshotURLAtom)
+  return useQuery(constructProfileQuery(uri, slingshoturl));
 }
 
 // export function constructConstellationQuery(
···
 //   target: string
 // ): QueryOptions<linksAllResponse, Error>;
 export function constructConstellationQuery(query?:{
+  constellation: string,
   method:
     | "/links"
     | "/links/distinct-dids"
···
       const path = query?.path
       const cursor = query.cursor
       const dids = query?.dids
-      const constellation = store.get(constellationURLAtom);
       const res = await fetch(
-        `https://${constellation}${method}?target=${encodeURIComponent(target)}${collection ? `&collection=${encodeURIComponent(collection)}` : ""}${path ? `&path=${encodeURIComponent(path)}` : ""}${cursor ? `&cursor=${encodeURIComponent(cursor)}` : ""}${dids ? dids.map((did) => `&did=${encodeURIComponent(did)}`).join("") : ""}`
+        `https://${query.constellation}${method}?target=${encodeURIComponent(target)}${collection ? `&collection=${encodeURIComponent(collection)}` : ""}${path ? `&path=${encodeURIComponent(path)}` : ""}${cursor ? `&cursor=${encodeURIComponent(cursor)}` : ""}${dids ? dids.map((did) => `&did=${encodeURIComponent(did)}`).join("") : ""}`
       );
       if (!res.ok) throw new Error("Failed to fetch post");
       try {
···
     >
   | undefined {
   //if (!query) return;
+  const [constellationurl] = useAtom(constellationURLAtom)
   return useQuery(
-    constructConstellationQuery(query)
+    constructConstellationQuery(query && {constellation: constellationurl, ...query})
   );
 }
 
···
 
 
 
-export function constructArbitraryQuery(uri?: string) {
+export function constructArbitraryQuery(uri?: string, slingshoturl?: string) {
   return queryOptions({
     queryKey: ["arbitrary", uri],
     queryFn: async () => {
       if (!uri) return undefined as undefined
-      const slingshoturl = store.get(slingshotURLAtom)
       const res = await fetch(
         `https://${slingshoturl}/xrpc/com.bad-example.repo.getUriRecord?at_uri=${encodeURIComponent(uri)}`
       );
···
   Error
 >;
 export function useQueryArbitrary(uri?: string) {
-  return useQuery(constructArbitraryQuery(uri));
+  const [slingshoturl] = useAtom(slingshotURLAtom)
+  return useQuery(constructArbitraryQuery(uri, slingshoturl));
 }
 
 export function constructFallbackNothingQuery(){
···
 
 
 export function yknowIReallyHateThisButWhateverGuardedConstructConstellationInfiniteQueryLinks(query?: {
+  constellation: string,
   method: '/links'
   target?: string
   collection: string
   path: string
 }) {
-  const constellationHost = store.get(constellationURLAtom)
   console.log(
     'yknowIReallyHateThisButWhateverGuardedConstructConstellationInfiniteQueryLinks',
     query,
···
       const cursor = pageParam
 
       const res = await fetch(
-        `https://${constellationHost}${method}?target=${encodeURIComponent(target)}${
+        `https://${query.constellation}${method}?target=${encodeURIComponent(target)}${
           collection ? `&collection=${encodeURIComponent(collection)}` : ''
         }${path ? `&path=${encodeURIComponent(path)}` : ''}${
           cursor ? `&cursor=${encodeURIComponent(cursor)}` : ''