From 8edf021e22f2547d6e2686e72ae1bd1f31d54575 Mon Sep 17 00:00:00 2001
From: Natalie Bridgers <natalie@iori.local>
Date: Tue, 21 Oct 2025 19:35:50 -0500
Subject: [PATCH] Migrate Redux store to Zustand

Replace Redux Toolkit slices and react-redux hooks with a Zustand-based
store. Add new store/index and slices, and store/hooks selector
wrappers. Remove legacy Redux slices, listener and store wiring, update
components to use useStore and new selector hooks, and adjust
auth/Bluesky/Streamplace APIs accordingly. Update package deps and
lockfile to add zustand and remove Redux-related packages.
---
 js/app/components/create-livestream.tsx       |   24 +-
 js/app/components/edit-livestream.tsx         |   24 +-
 js/app/components/follow-button.tsx           |   19 +-
 .../live-dashboard/live-selector.tsx          |   10 +-
 .../live-dashboard/livestream-panel.tsx       |    5 +-
 .../components/live-dashboard/stream-key.tsx  |   28 +-
 js/app/components/login/login.tsx             |   35 +-
 js/app/components/mobile/player.tsx           |   24 +-
 .../name-color-picker/name-color-picker.tsx   |   25 +-
 .../components/provider/provider.shared.tsx   |   23 +-
 js/app/components/settings/key-manager.tsx    |   21 +-
 js/app/components/settings/settings.tsx       |   49 +-
 js/app/contexts/FullscreenContext.tsx         |   14 +-
 js/app/features/base/baseSlice.tsx            |   57 -
 js/app/features/base/sidebarSlice.tsx         |  124 --
 js/app/features/bluesky/blueskyProvider.tsx   |   40 +-
 js/app/features/bluesky/blueskySlice.tsx      | 1515 -----------------
 js/app/features/bluesky/blueskyTypes.tsx      |   53 -
 .../features/bluesky/contentMetadataSlice.tsx |  385 -----
 .../platform/platformSlice.native.tsx         |  202 ---
 js/app/features/platform/platformSlice.tsx    |   66 -
 .../streamplace/streamplaceProvider.tsx       |   21 +-
 .../features/streamplace/streamplaceSlice.tsx |  249 ---
 js/app/hooks/createSlice.tsx                  |    6 -
 js/app/hooks/useAvatars.tsx                   |   16 +-
 js/app/hooks/useLiveUser.tsx                  |    5 +-
 js/app/hooks/useSidebarControl.tsx            |   29 +-
 js/app/package.json                           |    5 +-
 js/app/src/router.tsx                         |   57 +-
 js/app/src/screens/chat-popout.native.tsx     |    5 +-
 js/app/src/screens/chat-popout.tsx            |    5 +-
 js/app/src/screens/embed.tsx                  |   13 +-
 js/app/src/screens/live-dashboard.tsx         |   10 +-
 js/app/src/screens/mobile-go-live.tsx         |    5 +-
 js/app/store/hooks.ts                         |   79 +
 js/app/store/hooks.tsx                        |   12 -
 js/app/store/index.ts                         |   39 +
 js/app/store/listener.ts                      |   24 -
 js/app/store/slices/baseSlice.ts              |   32 +
 js/app/store/slices/blueskySlice.ts           | 1141 +++++++++++++
 js/app/store/slices/contentMetadataSlice.ts   |  298 ++++
 js/app/store/slices/platformSlice.ts          |   40 +
 js/app/store/slices/sidebarSlice.ts           |  117 ++
 js/app/store/slices/streamplaceSlice.ts       |  117 ++
 js/app/store/store.tsx                        |   60 -
 pnpm-lock.yaml                                |   86 +-
 46 files changed, 2095 insertions(+), 3119 deletions(-)
 delete mode 100644 js/app/features/base/baseSlice.tsx
 delete mode 100644 js/app/features/base/sidebarSlice.tsx
 delete mode 100644 js/app/features/bluesky/blueskySlice.tsx
 delete mode 100644 js/app/features/bluesky/blueskyTypes.tsx
 delete mode 100644 js/app/features/bluesky/contentMetadataSlice.tsx
 delete mode 100644 js/app/features/platform/platformSlice.native.tsx
 delete mode 100644 js/app/features/platform/platformSlice.tsx
 delete mode 100644 js/app/features/streamplace/streamplaceSlice.tsx
 delete mode 100644 js/app/hooks/createSlice.tsx
 create mode 100644 js/app/store/hooks.ts
 delete mode 100644 js/app/store/hooks.tsx
 create mode 100644 js/app/store/index.ts
 delete mode 100644 js/app/store/listener.ts
 create mode 100644 js/app/store/slices/baseSlice.ts
 create mode 100644 js/app/store/slices/blueskySlice.ts
 create mode 100644 js/app/store/slices/contentMetadataSlice.ts
 create mode 100644 js/app/store/slices/platformSlice.ts
 create mode 100644 js/app/store/slices/sidebarSlice.ts
 create mode 100644 js/app/store/slices/streamplaceSlice.ts
 delete mode 100644 js/app/store/store.tsx

diff --git a/js/app/components/create-livestream.tsx b/js/app/components/create-livestream.tsx
index 9849b6902..6b65a061e 100644
--- a/js/app/components/create-livestream.tsx
+++ b/js/app/components/create-livestream.tsx
@@ -1,10 +1,5 @@
 import { zero } from "@streamplace/components";
 import ThumbnailSelector from "components/thumbnail-selector";
-import {
-  createLivestreamRecord,
-  selectNewLivestream,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { useCaptureVideoFrame } from "hooks/useCaptureVideoFrame";
 import { useLiveUser } from "hooks/useLiveUser";
 import { useEffect, useState } from "react";
@@ -17,12 +12,16 @@ import {
   useWindowDimensions,
   View,
 } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useNewLivestream, useUserProfile } from "store/hooks";
 
 const isWeb = Platform.OS === "web";
 
 export default function CreateLivestream() {
-  const dispatch = useAppDispatch();
+  const createLivestreamRecord = useStore(
+    (state) => state.createLivestreamRecord,
+  );
+  const streamplaceUrl = useStore((state) => state.url);
   // Note: Toast functionality removed, would need simple alert replacement
   const userIsLive = useLiveUser();
   const [title, setTitle] = useState("");
@@ -30,8 +29,8 @@ export default function CreateLivestream() {
   const [customThumbnail, setCustomThumbnail] = useState<Blob | undefined>(
     undefined,
   );
-  const profile = useAppSelector(selectUserProfile);
-  const newLivestream = useAppSelector(selectNewLivestream);
+  const profile = useUserProfile();
+  const newLivestream = useNewLivestream();
   const captureFrame = useCaptureVideoFrame();
   const { width } = useWindowDimensions();
 
@@ -66,12 +65,7 @@ export default function CreateLivestream() {
         }
       }
 
-      await dispatch(
-        createLivestreamRecord({
-          title,
-          customThumbnail: thumbnailToUse,
-        }),
-      );
+      await createLivestreamRecord(title, thumbnailToUse, streamplaceUrl);
     } catch (error) {
       console.error("Error creating livestream:", error);
       // Would show toast: "Error creating livestream"
diff --git a/js/app/components/edit-livestream.tsx b/js/app/components/edit-livestream.tsx
index a68170fa7..f55c1fc64 100644
--- a/js/app/components/edit-livestream.tsx
+++ b/js/app/components/edit-livestream.tsx
@@ -1,23 +1,22 @@
 import { Text, useLivestream, zero } from "@streamplace/components";
-import {
-  selectNewLivestream,
-  selectUserProfile,
-  updateLivestreamRecord,
-} from "features/bluesky/blueskySlice";
 import { useLiveUser } from "hooks/useLiveUser";
 import { useEffect, useState } from "react";
 import { Pressable, ScrollView, TextInput, View } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useNewLivestream, useUserProfile } from "store/hooks";
 
 export default function UpdateLivestream() {
-  const dispatch = useAppDispatch();
+  const updateLivestreamRecord = useStore(
+    (state) => state.updateLivestreamRecord,
+  );
+  const streamplaceUrl = useStore((state) => state.url);
   // Note: Toast functionality removed, would need simple alert replacement
   const userIsLive = useLiveUser();
   const [title, setTitle] = useState("");
   const [loading, setLoading] = useState(false);
-  const profile = useAppSelector(selectUserProfile);
+  const profile = useUserProfile();
   const livestream = useLivestream();
-  const newLivestream = useAppSelector(selectNewLivestream);
+  const newLivestream = useNewLivestream();
 
   useEffect(() => {
     if (newLivestream?.record) {
@@ -37,12 +36,7 @@ export default function UpdateLivestream() {
   const handleSubmit = async () => {
     setLoading(true);
     try {
-      await dispatch(
-        updateLivestreamRecord({
-          title,
-          livestream,
-        }),
-      );
+      await updateLivestreamRecord(title, livestream, streamplaceUrl);
     } catch (error) {
       console.error("Error updating livestream:", error);
       // Would show toast: "Error updating livestream"
diff --git a/js/app/components/follow-button.tsx b/js/app/components/follow-button.tsx
index 9040a7cc7..97a443cfb 100644
--- a/js/app/components/follow-button.tsx
+++ b/js/app/components/follow-button.tsx
@@ -2,9 +2,8 @@ import { Button, Icon, Text, zero } from "@streamplace/components";
 import { Plus } from "lucide-react-native";
 import React, { useEffect, useState } from "react";
 import { View } from "react-native";
-import { followUser, unfollowUser } from "../features/bluesky/blueskySlice";
-import { selectStreamplace } from "../features/streamplace/streamplaceSlice";
-import { useAppDispatch, useAppSelector } from "../store/hooks";
+import { useStore } from "store";
+import { useStreamplaceUrl } from "store/hooks";
 
 /**
  * FollowButton component for following/unfollowing a streamer.
@@ -28,8 +27,9 @@ const FollowButton: React.FC<FollowButtonProps> = ({
   const [isFollowing, setIsFollowing] = useState<boolean | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [followUri, setFollowUri] = useState<string | null>(null);
-  const { url: streamplaceUrl } = useAppSelector(selectStreamplace);
-  const dispatch = useAppDispatch();
+  const streamplaceUrl = useStreamplaceUrl();
+  const followUser = useStore((state) => state.followUser);
+  const unfollowUser = useStore((state) => state.unfollowUser);
 
   // Hide button if not logged in or viewing own stream
   if (!currentUserDID || currentUserDID === streamerDID) return null;
@@ -80,7 +80,7 @@ const FollowButton: React.FC<FollowButtonProps> = ({
     setError(null);
     setIsFollowing(true); // Optimistic
     try {
-      await dispatch(followUser(streamerDID)).unwrap();
+      await followUser(streamerDID);
       setIsFollowing(true);
       onFollowChange?.(true);
     } catch (err) {
@@ -95,12 +95,7 @@ const FollowButton: React.FC<FollowButtonProps> = ({
     setError(null);
     setIsFollowing(false); // Optimistic
     try {
-      await dispatch(
-        unfollowUser({
-          subjectDID: streamerDID,
-          ...(followUri ? { followUri } : {}),
-        }),
-      ).unwrap();
+      await unfollowUser(streamerDID, followUri ?? undefined, streamplaceUrl);
       setIsFollowing(false);
       setFollowUri(null);
       onFollowChange?.(false);
diff --git a/js/app/components/live-dashboard/live-selector.tsx b/js/app/components/live-dashboard/live-selector.tsx
index c10aa1cb2..67ae8b0d4 100644
--- a/js/app/components/live-dashboard/live-selector.tsx
+++ b/js/app/components/live-dashboard/live-selector.tsx
@@ -3,13 +3,9 @@ import { Button, Text, View, zero } from "@streamplace/components";
 import { flex } from "@streamplace/components/src/ui";
 import { Redirect } from "components/aqlink";
 import Loading from "components/loading/loading";
-import {
-  selectIsReady,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { Camera, FerrisWheel } from "lucide-react-native";
 import React, { useState } from "react";
-import { useAppSelector } from "store/hooks";
+import { useIsReady, useUserProfile } from "store/hooks";
 import { StreamKeyScreen } from "./stream-key";
 
 const { layout, gap } = zero;
@@ -29,8 +25,8 @@ const elems = [
 
 export default function StreamScreen({ route }) {
   const [selectedMode, setSelectedMode] = useState<string | null>(null);
-  const isReady = useAppSelector(selectIsReady);
-  const userProfile = useAppSelector(selectUserProfile);
+  const isReady = useIsReady();
+  const userProfile = useUserProfile();
   const navigation = useNavigation();
 
   if (!isReady) {
diff --git a/js/app/components/live-dashboard/livestream-panel.tsx b/js/app/components/live-dashboard/livestream-panel.tsx
index b241d8dae..50c8bf2e5 100644
--- a/js/app/components/live-dashboard/livestream-panel.tsx
+++ b/js/app/components/live-dashboard/livestream-panel.tsx
@@ -22,10 +22,9 @@ import {
   TouchableOpacity,
   View,
 } from "react-native";
-import { selectUserProfile } from "../../features/bluesky/blueskySlice";
+import { useUserProfile } from "store/hooks";
 import { useCaptureVideoFrame } from "../../hooks/useCaptureVideoFrame";
 import { useLiveUser } from "../../hooks/useLiveUser";
-import { useAppSelector } from "../../store/hooks";
 
 const { flex, p, px, py, gap, layout, bg, borders, text, r, w, typography } =
   zero;
@@ -165,7 +164,7 @@ function LivestreamPanel() {
   const toast = useToast();
   const userIsLive = useLiveUser();
   const captureFrame = useCaptureVideoFrame();
-  const profile = useAppSelector(selectUserProfile);
+  const profile = useUserProfile();
   const livestream = useLivestream();
   const createStreamRecord = useCreateStreamRecord();
   const updateStreamRecord = useUpdateStreamRecord();
diff --git a/js/app/components/live-dashboard/stream-key.tsx b/js/app/components/live-dashboard/stream-key.tsx
index cbc8a60c4..94bc8ea24 100644
--- a/js/app/components/live-dashboard/stream-key.tsx
+++ b/js/app/components/live-dashboard/stream-key.tsx
@@ -9,16 +9,11 @@ import {
 } from "@streamplace/components";
 import { Redirect } from "components/aqlink";
 import Loading from "components/loading/loading";
-import {
-  clearStreamKeyRecord,
-  createStreamKeyRecord,
-  selectIsReady,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { Clipboard, ClipboardCheck } from "lucide-react-native";
 import { useEffect, useState } from "react";
 import { ScrollView, TextInput } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useIsReady, useUserProfile } from "store/hooks";
 
 const FormRow = ({ children }: { children: React.ReactNode }) => {
   return (
@@ -46,18 +41,18 @@ const Content = ({ children }: { children: React.ReactNode }) => {
 
 export function StreamKeyScreen() {
   const [protocol, setProtocol] = useState<"whip" | "rtmp">("rtmp");
-  const isReady = useAppSelector(selectIsReady);
+  const isReady = useIsReady();
 
   if (!isReady) {
     return <Loading />;
   }
 
-  const userProfile = useAppSelector(selectUserProfile);
+  const userProfile = useUserProfile();
   if (!userProfile) {
     return <Redirect to={{ screen: "Login" }} />;
   }
 
-  const url = useAppSelector((state) => state.streamplace.url);
+  const url = useStore((state) => state.url);
 
   return (
     <ScrollView>
@@ -190,11 +185,14 @@ export function StreamKey() {
   const theme = useTheme();
   const toast = useToast();
 
-  const dispatch = useAppDispatch();
+  const createStreamKeyRecord = useStore(
+    (state) => state.createStreamKeyRecord,
+  );
+  const clearStreamKeyRecord = useStore((state) => state.clearStreamKeyRecord);
   const [generating, setGenerating] = useState(false);
   const [hidekey, setHidekey] = useState(true);
   const [didcopy, setDidcopy] = useState(false);
-  const newKey = useAppSelector((state) => state.bluesky.newKey);
+  const newKey = useStore((state) => state.newKey);
 
   let foregroundColor = theme.theme.colors.text || "#fff";
 
@@ -204,9 +202,9 @@ export function StreamKey() {
     }
 
     return () => {
-      dispatch(clearStreamKeyRecord());
+      clearStreamKeyRecord();
     };
-  }, [newKey, dispatch]);
+  }, [newKey]);
 
   const handleCopy = async () => {
     if (!newKey) {
@@ -287,7 +285,7 @@ export function StreamKey() {
         try {
           setGenerating(true);
           setDidcopy(false);
-          await dispatch(createStreamKeyRecord({ store: false }));
+          await createStreamKeyRecord(false);
         } catch (e) {
           console.error("failed to generate stream key", e);
         } finally {
diff --git a/js/app/components/login/login.tsx b/js/app/components/login/login.tsx
index d90ae7acc..5cb247eaa 100644
--- a/js/app/components/login/login.tsx
+++ b/js/app/components/login/login.tsx
@@ -2,14 +2,6 @@ import { useNavigation } from "@react-navigation/native";
 import { Button, Text, useTheme, zero } from "@streamplace/components";
 import Loading from "components/loading/loading";
 import NameColorPicker from "components/name-color-picker/name-color-picker";
-import {
-  login,
-  logout,
-  selectChatProfile,
-  selectIsReady,
-  selectLogin,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { Info, LogOut, UserRoundPen } from "lucide-react-native";
 import { useEffect, useState } from "react";
 import {
@@ -23,25 +15,34 @@ import {
   TextInput,
   View,
 } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import {
+  useChatProfile,
+  useIsReady,
+  useLogin,
+  useUserProfile,
+} from "store/hooks";
 
 export default function Login() {
   const { theme } = useTheme();
-  const dispatch = useAppDispatch();
-  const chatProfile = useAppSelector(selectChatProfile);
-  const userProfile = useAppSelector(selectUserProfile);
-  const loginState = useAppSelector(selectLogin);
+  const loginAction = useStore((state) => state.login);
+  const logout = useStore((state) => state.logout);
+  const openLoginLink = useStore((state) => state.openLoginLink);
+  const streamplaceUrl = useStore((state) => state.url);
+  const chatProfile = useChatProfile();
+  const userProfile = useUserProfile();
+  const loginState = useLogin();
   const [handle, setHandle] = useState("");
-  const isReady = useAppSelector(selectIsReady);
+  const isReady = useIsReady();
   const navigation = useNavigation();
 
   const submit = () => {
     let clean = handle;
     if (handle.startsWith("@")) clean = handle.slice(1);
-    dispatch(login(clean));
+    loginAction(clean, streamplaceUrl, openLoginLink);
   };
   const onSignup = () => {
-    dispatch(login("https://bsky.social"));
+    loginAction("https://bsky.social", streamplaceUrl, openLoginLink);
   };
   const onEnterPress = (e: any) => {
     if (e.nativeEvent.key === "Enter") {
@@ -98,7 +99,7 @@ export default function Login() {
           ]}
         >
           <Button
-            onPress={() => dispatch(logout())}
+            onPress={() => logout()}
             variant="secondary"
             leftIcon={<LogOut color={theme.colors.text} />}
             style={[
diff --git a/js/app/components/mobile/player.tsx b/js/app/components/mobile/player.tsx
index 274a5299d..c157e80a2 100644
--- a/js/app/components/mobile/player.tsx
+++ b/js/app/components/mobile/player.tsx
@@ -15,13 +15,13 @@ import {
   View,
 } from "@streamplace/components";
 import { gap, h, pt, w } from "@streamplace/components/src/lib/theme/atoms";
-import { selectUserProfile } from "features/bluesky/blueskySlice";
 import { useLiveUser } from "hooks/useLiveUser";
 import { useSidebarControl } from "hooks/useSidebarControl";
 import { ArrowLeft, ArrowRight } from "lucide-react-native";
 import { ComponentRef, useEffect, useRef, useState } from "react";
 import { Animated, Platform, ScrollView, StatusBar } from "react-native";
-import { useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useUserProfile } from "store/hooks";
 import { BottomMetadata } from "./bottom-metadata";
 import { DesktopChatPanel } from "./chat";
 import { DesktopUi } from "./desktop-ui";
@@ -29,12 +29,6 @@ import { OfflineCounter } from "./offline-counter";
 import { MobileUi } from "./ui";
 import { useResponsiveLayout } from "./useResponsiveLayout";
 
-import {
-  setSidebarHidden,
-  setSidebarUnhidden,
-} from "features/base/sidebarSlice";
-import { useDispatch } from "react-redux";
-
 export function Player(
   props: Partial<PlayerProps> & {
     setFullscreen?: (fullscreen: boolean) => void;
@@ -50,7 +44,7 @@ export function Player(
   >(null);
   // are we currently streaming on another device?
   const userIsLive = useLiveUser();
-  const userProfile = useAppSelector(selectUserProfile);
+  const userProfile = useUserProfile();
 
   useEffect(() => {
     if (props.ingest && userIsLive && isStreamingElsewhere === null) {
@@ -61,6 +55,8 @@ export function Player(
   }, [userIsLive]);
 
   const navigation = useNavigation();
+  const setSidebarHidden = useStore((state) => state.setSidebarHidden);
+  const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
 
   useEffect(() => {
     return () => {
@@ -185,8 +181,8 @@ export function PlayerInner(
     showChatSidePanelOnLandscape: props.showChat,
   });
 
-  // for hiding sidebar
-  const dispatch = useDispatch();
+  const setSidebarHidden = useStore((state) => state.setSidebarHidden);
+  const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
 
   // content info
   const { width, height } = usePlayerDimensions();
@@ -200,12 +196,12 @@ export function PlayerInner(
   useEffect(() => {
     if (Platform.OS !== "web" && width > height) {
       console.log("hiding sb");
-      dispatch(setSidebarHidden());
+      setSidebarHidden();
     } else {
-      dispatch(setSidebarUnhidden());
+      setSidebarUnhidden();
     }
     return () => {
-      dispatch(setSidebarUnhidden());
+      setSidebarUnhidden();
     };
   }, [width, height]);
   // should cover full width on mobile?
diff --git a/js/app/components/name-color-picker/name-color-picker.tsx b/js/app/components/name-color-picker/name-color-picker.tsx
index a0e8b7ee7..14dd47a79 100644
--- a/js/app/components/name-color-picker/name-color-picker.tsx
+++ b/js/app/components/name-color-picker/name-color-picker.tsx
@@ -1,10 +1,4 @@
 import { Button, zero } from "@streamplace/components";
-import {
-  createChatProfileRecord,
-  getChatProfileRecordFromPDS,
-  selectChatProfile,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { Palette, SwatchBook, X } from "lucide-react-native";
 import { useEffect, useState } from "react";
 import {
@@ -22,7 +16,8 @@ import ColorPicker, {
   Preview,
   Swatches,
 } from "reanimated-color-picker";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useChatProfile, useUserProfile } from "store/hooks";
 import { PlaceStreamChatProfile } from "streamplace";
 
 /**
@@ -61,9 +56,14 @@ export default function NameColorPicker({
 }) {
   const [modalVisible, setModalVisible] = useState(false);
   const [tempColor, setTempColor] = useState("#bd6e86");
-  const dispatch = useAppDispatch();
-  const chatProfile = useAppSelector(selectChatProfile);
-  const profile = useAppSelector(selectUserProfile);
+  const createChatProfileRecord = useStore(
+    (state) => state.createChatProfileRecord,
+  );
+  const getChatProfileRecordFromPDS = useStore(
+    (state) => state.getChatProfileRecordFromPDS,
+  );
+  const chatProfile = useChatProfile();
+  const profile = useUserProfile();
   const isWeb = Platform.OS === "web";
 
   const currentColor = chatProfile?.profile?.color
@@ -72,7 +72,7 @@ export default function NameColorPicker({
 
   useEffect(() => {
     if (profile?.did && !chatProfile?.profile) {
-      dispatch(getChatProfileRecordFromPDS());
+      getChatProfileRecordFromPDS();
     }
     setTempColor(currentColor);
   }, [profile?.did, chatProfile?.profile?.color, currentColor]);
@@ -92,7 +92,8 @@ export default function NameColorPicker({
 
   const handleSaveColor = () => {
     setModalVisible(false);
-    dispatch(createChatProfileRecord(parseRgbString(tempColor)));
+    const parsed = parseRgbString(tempColor);
+    createChatProfileRecord(parsed.red, parsed.green, parsed.blue);
   };
 
   return (
diff --git a/js/app/components/provider/provider.shared.tsx b/js/app/components/provider/provider.shared.tsx
index ee17d3daa..ec2f1fee6 100644
--- a/js/app/components/provider/provider.shared.tsx
+++ b/js/app/components/provider/provider.shared.tsx
@@ -11,13 +11,10 @@ import {
 } from "@streamplace/components";
 import { useFonts } from "expo-font";
 import BlueskyProvider from "features/bluesky/blueskyProvider";
-import { selectOAuthSession } from "features/bluesky/blueskySlice";
 import StreamplaceProvider from "features/streamplace/streamplaceProvider";
 import useStreamplaceNode from "hooks/useStreamplaceNode";
 import React from "react";
-import { Provider as ReduxProvider } from "react-redux";
-import { useAppSelector } from "store/hooks";
-import { store } from "store/store";
+import { useOAuthSession } from "store/hooks";
 
 export default Sentry.wrap(ProviderInner);
 
@@ -91,16 +88,14 @@ function ProviderInner({
       <ThemeProvider forcedTheme="dark">
         <I18nProvider i18n={i18n}>
           <NavigationContainer theme={SPDarkTheme} linking={linking}>
-            <ReduxProvider store={store}>
               <StreamplaceProvider>
-                <BlueskyProvider>
-                  <NewStreamplaceProvider>
-                    <FontProvider>{children}</FontProvider>
-                  </NewStreamplaceProvider>
-                </BlueskyProvider>
-              </StreamplaceProvider>
-            </ReduxProvider>
-          </NavigationContainer>
+              <BlueskyProvider>
+                <NewStreamplaceProvider>
+                  <FontProvider>{children}</FontProvider>
+                </NewStreamplaceProvider>
+              </BlueskyProvider>
+            </StreamplaceProvider>
+            </NavigationContainer>
         </I18nProvider>
       </ThemeProvider>
     </SafeAreaProvider>
@@ -113,7 +108,7 @@ export const NewStreamplaceProvider = ({
   children: React.ReactNode;
 }) => {
   const { url } = useStreamplaceNode();
-  const oauthSession = useAppSelector(selectOAuthSession);
+  const oauthSession = useOAuthSession();
   return (
     <ZustandStreamplaceProvider url={url} oauthSession={oauthSession}>
       {children}
diff --git a/js/app/components/settings/key-manager.tsx b/js/app/components/settings/key-manager.tsx
index 8dd6594de..16a43b35f 100644
--- a/js/app/components/settings/key-manager.tsx
+++ b/js/app/components/settings/key-manager.tsx
@@ -1,11 +1,6 @@
 import { useNavigation } from "@react-navigation/native";
 import AQLink from "components/aqlink";
 import Loading from "components/loading/loading";
-import {
-  deleteStreamKeyRecord,
-  getStreamKeyRecords,
-  selectKeyRecords,
-} from "features/bluesky/blueskySlice";
 import { useEffect, useState } from "react";
 import {
   ActivityIndicator,
@@ -14,7 +9,8 @@ import {
   TouchableOpacity,
   View,
 } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useKeyRecords } from "store/hooks";
 import { PlaceStreamKey } from "streamplace";
 import { timeAgo } from "utils/timeAgo";
 
@@ -98,8 +94,11 @@ function KeyRow({
 }
 
 export default function KeyManager() {
-  const dispatch = useAppDispatch();
-  const keyObj = useAppSelector(selectKeyRecords);
+  const deleteStreamKeyRecord = useStore(
+    (state) => state.deleteStreamKeyRecord,
+  );
+  const getStreamKeyRecords = useStore((state) => state.getStreamKeyRecords);
+  const keyObj = useKeyRecords();
   const keyRecords = keyObj?.records || null;
   const navigation = useNavigation();
 
@@ -107,7 +106,7 @@ export default function KeyManager() {
   const deleteKeyRecord = (rkey: string) => {
     if (deletingKeys.has(rkey)) return; // Prevent double deletes
     setDeletingKeys((prev) => new Set(prev).add(rkey));
-    dispatch(deleteStreamKeyRecord({ rkey })).finally(() => {
+    deleteStreamKeyRecord(rkey).finally(() => {
       setDeletingKeys((prev) => {
         const newSet = new Set(prev);
         newSet.delete(rkey);
@@ -119,7 +118,7 @@ export default function KeyManager() {
   useEffect(() => {
     // delay 500ms to allow the screen to render
     setTimeout(() => {
-      dispatch(getStreamKeyRecords());
+      getStreamKeyRecords();
     }, 500);
   }, []);
 
@@ -157,7 +156,7 @@ export default function KeyManager() {
                   justifyContent: "center",
                 },
               ]}
-              onPress={() => dispatch(getStreamKeyRecords())}
+              onPress={() => getStreamKeyRecords()}
             >
               <Text style={[{ fontSize: 16, color: "#fff" }]}>↻</Text>
             </TouchableOpacity>
diff --git a/js/app/components/settings/settings.tsx b/js/app/components/settings/settings.tsx
index e6be52f38..75950a468 100644
--- a/js/app/components/settings/settings.tsx
+++ b/js/app/components/settings/settings.tsx
@@ -8,13 +8,6 @@ import {
   zero,
 } from "@streamplace/components";
 import AQLink from "components/aqlink";
-import {
-  createServerSettingsRecord,
-  getServerSettingsFromPDS,
-  selectIsReady,
-  selectServerSettings,
-} from "features/bluesky/blueskySlice";
-import { DEFAULT_URL, setURL } from "features/streamplace/streamplaceSlice";
 import useStreamplaceNode from "hooks/useStreamplaceNode";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -24,12 +17,14 @@ import {
   Switch,
   useWindowDimensions,
 } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useIsReady, useServerSettings } from "store/hooks";
+import { DEFAULT_URL } from "store/slices/streamplaceSlice";
 import { Updates } from "./updates";
 import WebhookManager from "./webhook-manager";
 
 export function Settings() {
-  const dispatch = useAppDispatch();
+  const setURL = useStore((state) => state.setURL);
   const { url } = useStreamplaceNode();
   const defaultUrl = DEFAULT_URL;
   const [newUrl, setNewUrl] = useState("");
@@ -37,9 +32,7 @@ export function Settings() {
   const { t } = useTranslation("settings");
 
   // are we logged in?
-  const loggedIn = useAppSelector(
-    (state) => state.bluesky.status === "loggedIn",
-  );
+  const loggedIn = useStore((state) => state.authStatus === "loggedIn");
 
   // Initialize the override state based on current URL
   useEffect(() => {
@@ -49,7 +42,7 @@ export function Settings() {
   const onSubmitUrl = () => {
     if (newUrl) {
       let trimmedUrl = newUrl.endsWith("/") ? newUrl.slice(0, -1) : newUrl;
-      dispatch(setURL(trimmedUrl));
+      setURL(trimmedUrl);
       setNewUrl("");
     }
   };
@@ -57,7 +50,7 @@ export function Settings() {
   const handleToggleOverride = (enabled: boolean) => {
     setOverrideEnabled(enabled);
     if (!enabled) {
-      dispatch(setURL(defaultUrl));
+      setURL(defaultUrl);
     }
   };
 
@@ -215,16 +208,22 @@ export function Settings() {
 }
 
 const DebugRecording = () => {
-  const dispatch = useAppDispatch();
-  const isReady = useAppSelector(selectIsReady);
-  const serverSettings = useAppSelector(selectServerSettings);
+  const getServerSettingsFromPDS = useStore(
+    (state) => state.getServerSettingsFromPDS,
+  );
+  const createServerSettingsRecord = useStore(
+    (state) => state.createServerSettingsRecord,
+  );
+  const streamplaceUrl = useStore((state) => state.url);
+  const isReady = useIsReady();
+  const serverSettings = useServerSettings();
   const { url } = useStreamplaceNode();
   const { t } = useTranslation();
   const debugRecordingOn = serverSettings?.debugRecording === true;
 
   useEffect(() => {
     if (isReady) {
-      dispatch(getServerSettingsFromPDS());
+      getServerSettingsFromPDS(streamplaceUrl);
     }
   }, [isReady]);
 
@@ -254,19 +253,9 @@ const DebugRecording = () => {
           value={debugRecordingOn}
           onValueChange={(value) => {
             if (value === true) {
-              dispatch(
-                createServerSettingsRecord({
-                  ...serverSettings,
-                  debugRecording: true,
-                }),
-              );
+              createServerSettingsRecord(true, streamplaceUrl);
             } else {
-              dispatch(
-                createServerSettingsRecord({
-                  ...serverSettings,
-                  debugRecording: false,
-                }),
-              );
+              createServerSettingsRecord(false, streamplaceUrl);
             }
           }}
         />
diff --git a/js/app/contexts/FullscreenContext.tsx b/js/app/contexts/FullscreenContext.tsx
index 5dcdfaf75..b1fff508f 100644
--- a/js/app/contexts/FullscreenContext.tsx
+++ b/js/app/contexts/FullscreenContext.tsx
@@ -1,7 +1,3 @@
-import {
-  setSidebarHidden,
-  setSidebarUnhidden,
-} from "features/base/sidebarSlice";
 import {
   createContext,
   ReactNode,
@@ -9,7 +5,7 @@ import {
   useEffect,
   useState,
 } from "react";
-import { useDispatch } from "react-redux";
+import { useStore } from "store";
 
 interface FullscreenContextValue {
   fullscreen: boolean;
@@ -23,14 +19,14 @@ const FullscreenContext = createContext<FullscreenContextValue | undefined>(
 export const FullscreenProvider = ({ children }: { children: ReactNode }) => {
   const [fullscreen, setFullscreen] = useState(false);
 
-  // for hiding sidebar
-  const dispatch = useDispatch();
+  const setSidebarHidden = useStore((state) => state.setSidebarHidden);
+  const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
 
   useEffect(() => {
     if (fullscreen) {
-      dispatch(setSidebarHidden());
+      setSidebarHidden();
     } else {
-      dispatch(setSidebarUnhidden());
+      setSidebarUnhidden();
     }
   }, [fullscreen]);
 
diff --git a/js/app/features/base/baseSlice.tsx b/js/app/features/base/baseSlice.tsx
deleted file mode 100644
index 9fe86a739..000000000
--- a/js/app/features/base/baseSlice.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { storage } from "@streamplace/components";
-import { createAppSlice } from "../../hooks/createSlice";
-export const STORED_KEY_KEY = "storedKey";
-export const DID_KEY = "did";
-
-export interface StreamKey {
-  privateKey: string;
-  did: string;
-  address: string;
-}
-
-export interface BaseState {
-  hydrated: boolean;
-}
-
-const initialState: BaseState = {
-  hydrated: false,
-};
-
-export const baseSlice = createAppSlice({
-  name: "base",
-  initialState,
-  reducers: (create) => ({
-    hydrate: create.asyncThunk(
-      async () => {
-        let storedKey: StreamKey | null = null;
-        // Async operation would go here
-        try {
-          const storedKeyStr = await storage.getItem(STORED_KEY_KEY);
-          if (storedKeyStr) {
-            storedKey = JSON.parse(storedKeyStr);
-          }
-        } catch (e) {
-          // we don't have one i guess
-        }
-        return { storedKey };
-      },
-      {
-        pending: (state) => {
-          state.hydrated = false;
-        },
-        fulfilled: (state) => {
-          state.hydrated = true;
-        },
-        rejected: (state) => {
-          state.hydrated = false;
-        },
-      },
-    ),
-  }),
-  selectors: {
-    selectHydrated: (state) => state.hydrated,
-  },
-});
-
-export const { hydrate } = baseSlice.actions;
-export const { selectHydrated } = baseSlice.selectors;
diff --git a/js/app/features/base/sidebarSlice.tsx b/js/app/features/base/sidebarSlice.tsx
deleted file mode 100644
index 7a93adf66..000000000
--- a/js/app/features/base/sidebarSlice.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import { storage } from "@streamplace/components";
-import { createAppSlice } from "../../hooks/createSlice";
-export const SIDEBAR_STORAGE_KEY = "sidebarState";
-
-export interface SidebarState {
-  isCollapsed: boolean;
-  // should only be used in fullscreen
-  isHidden: boolean;
-  targetWidth: number;
-  isLoaded: boolean;
-}
-
-const initialState: SidebarState = {
-  isCollapsed: false,
-  isHidden: false,
-  targetWidth: 250,
-  isLoaded: false,
-};
-
-function verifySidebarState(state: any): SidebarState {
-  const verifiedState: SidebarState = {
-    isCollapsed:
-      typeof state.isCollapsed === "boolean" ? state.isCollapsed : false,
-    isHidden: typeof state.isHidden === "boolean" ? state.isHidden : false,
-    targetWidth:
-      typeof state.targetWidth === "number" ? state.targetWidth : 250,
-    isLoaded: false,
-  };
-
-  if (!verifiedState.isHidden) {
-    if (verifiedState.targetWidth < 64) {
-      verifiedState.targetWidth = 64;
-    } else if (verifiedState.targetWidth > 250) {
-      verifiedState.targetWidth = 250;
-    }
-  } else {
-    verifiedState.targetWidth = 0;
-  }
-
-  return verifiedState;
-}
-
-export const sidebarSlice = createAppSlice({
-  name: "sidebar",
-  initialState,
-  reducers: (create) => ({
-    setSidebarHidden: create.reducer((state) => {
-      state.isHidden = true;
-      state.targetWidth =
-        state.isCollapsed || state.isHidden ? (state.isHidden ? 0 : 64) : 250;
-    }),
-    setSidebarUnhidden: create.reducer((state) => {
-      state.isHidden = false;
-      state.targetWidth =
-        state.isCollapsed || state.isHidden ? (state.isHidden ? 0 : 64) : 250;
-    }),
-    toggleSidebar: create.reducer((state) => {
-      state.isCollapsed = !state.isCollapsed;
-      state.targetWidth =
-        state.isCollapsed || state.isHidden ? (state.isHidden ? 0 : 64) : 250;
-    }),
-    loadStateFromStorage: create.asyncThunk(
-      async () => {
-        const storedStateString = await storage.getItem(SIDEBAR_STORAGE_KEY);
-        if (storedStateString) {
-          let state = JSON.parse(storedStateString);
-          // should never be 'true' on load, component should ALWAYS request to hide sidebar when loaded
-          state.isHidden = false;
-          return verifySidebarState(state) as SidebarState;
-        }
-        return null;
-      },
-      {
-        pending: (state) => {
-          // unlikely that this will hang for a noticeable duration
-        },
-        fulfilled: (state, action) => {
-          if (action.payload) {
-            state.isCollapsed = action.payload.isCollapsed;
-            state.targetWidth = action.payload.targetWidth;
-            console.log(
-              "Sidebar state loaded from localStorage:",
-              action.payload,
-            );
-          } else {
-            console.log(
-              "No sidebar state found in localStorage, using defaults.",
-            );
-          }
-          state.isLoaded = true;
-        },
-        rejected: (state, action) => {
-          state.isLoaded = true;
-          console.error(
-            "Failed to load sidebar state from storage, using defaults:",
-            action.error,
-          );
-          // use defaults
-          state.isCollapsed = false;
-          state.targetWidth = 250;
-        },
-      },
-    ),
-  }),
-  selectors: {
-    selectIsSidebarCollapsed: (state) => state.isCollapsed,
-    selectSidebarTargetWidth: (state) => state.targetWidth,
-    selectIsSidebarLoaded: (state) => state.isLoaded,
-    selectIsSidebarHidden: (state) => state.isHidden,
-  },
-});
-
-export const {
-  toggleSidebar,
-  loadStateFromStorage,
-  setSidebarHidden,
-  setSidebarUnhidden,
-} = sidebarSlice.actions;
-export const {
-  selectIsSidebarCollapsed,
-  selectSidebarTargetWidth,
-  selectIsSidebarLoaded,
-  selectIsSidebarHidden,
-} = sidebarSlice.selectors;
diff --git a/js/app/features/bluesky/blueskyProvider.tsx b/js/app/features/bluesky/blueskyProvider.tsx
index 50d496afa..66adb34e2 100644
--- a/js/app/features/bluesky/blueskyProvider.tsx
+++ b/js/app/features/bluesky/blueskyProvider.tsx
@@ -1,35 +1,34 @@
 import { useURL } from "expo-linking";
 import { useEffect, useState } from "react";
-import { useAppDispatch, useAppSelector } from "store/hooks";
-import {
-  getProfile,
-  loadOAuthClient,
-  oauthCallback,
-  selectIsReady,
-  selectOAuthSession,
-  selectUserProfile,
-} from "./blueskySlice";
+import { useStore } from "store";
+import { useIsReady, useOAuthSession, useUserProfile } from "store/hooks";
 
 export default function BlueskyProvider({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const dispatch = useAppDispatch();
-  const isReady = useAppSelector(selectIsReady);
+  const loadOAuthClient = useStore((state) => state.loadOAuthClient);
+  const oauthCallback = useStore((state) => state.oauthCallback);
+  const getProfile = useStore((state) => state.getProfile);
+  const streamplaceUrl = useStore((state) => state.url);
+  const isReady = useIsReady();
+
   useEffect(() => {
-    dispatch(loadOAuthClient());
-  }, []);
+    loadOAuthClient(streamplaceUrl);
+  }, [streamplaceUrl]);
+
   useEffect(() => {
     if (!isReady) {
       const handle = setInterval(() => {
-        dispatch(loadOAuthClient());
+        loadOAuthClient(streamplaceUrl);
       }, 5000);
       return () => clearInterval(handle);
     }
-  }, [isReady]);
-  const oauthSession = useAppSelector(selectOAuthSession);
-  const userProfile = useAppSelector(selectUserProfile);
+  }, [isReady, streamplaceUrl]);
+
+  const oauthSession = useOAuthSession();
+  const userProfile = useUserProfile();
 
   const [lastLink, setLastLink] = useState<string | null>(null);
   const url = useURL();
@@ -40,16 +39,17 @@ export default function BlueskyProvider({
       if (url.includes("?")) {
         const params = new URLSearchParams(url.split("?")[1]);
         if (params.has("error") || params.has("code")) {
-          dispatch(oauthCallback(url));
+          oauthCallback(url, streamplaceUrl);
         }
       }
     }
-  }, [url, lastLink]);
+  }, [url, lastLink, streamplaceUrl]);
 
   useEffect(() => {
     if (oauthSession && !userProfile) {
-      dispatch(getProfile(oauthSession.did));
+      getProfile(oauthSession.did);
     }
   }, [oauthSession, userProfile]);
+
   return <>{children}</>;
 }
diff --git a/js/app/features/bluesky/blueskySlice.tsx b/js/app/features/bluesky/blueskySlice.tsx
deleted file mode 100644
index 09ff7145d..000000000
--- a/js/app/features/bluesky/blueskySlice.tsx
+++ /dev/null
@@ -1,1515 +0,0 @@
-import {
-  Agent,
-  AppBskyActorGetProfiles,
-  AppBskyFeedPost,
-  AppBskyGraphBlock,
-  BlobRef,
-  RichText,
-} from "@atproto/api";
-import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
-import { bytesToMultibase, Secp256k1Keypair } from "@atproto/crypto";
-import { OAuthSession } from "@streamplace/atproto-oauth-client-react-native";
-import { storage } from "@streamplace/components";
-import { DID_KEY, hydrate, STORED_KEY_KEY } from "features/base/baseSlice";
-import { openLoginLink } from "features/platform/platformSlice";
-import {
-  setURL,
-  StreamplaceState,
-} from "features/streamplace/streamplaceSlice";
-import { Platform } from "react-native";
-import {
-  LivestreamViewHydrated,
-  PlaceStreamChatProfile,
-  PlaceStreamKey,
-  PlaceStreamLivestream,
-  PlaceStreamServerSettings,
-  StreamplaceAgent,
-} from "streamplace";
-import { privateKeyToAccount } from "viem/accounts";
-import { createAppSlice } from "../../hooks/createSlice";
-import { BlueskyState } from "./blueskyTypes";
-import createOAuthClient from "./oauthClient";
-
-const initialState: BlueskyState = {
-  status: "start",
-  oauthState: null,
-  oauthSession: undefined,
-  pdsAgent: null,
-  anonPDSAgent: null,
-  profiles: {},
-  profileCache: {},
-  client: null,
-  login: {
-    loading: false,
-    error: null,
-  },
-  chatProfile: {
-    loading: false,
-    error: null,
-    profile: null,
-  },
-  pds: {
-    url: "bsky.social",
-    loading: false,
-    error: null,
-  },
-  newKey: null,
-  storedKey: null,
-  isDeletingKey: false,
-  streamKeysResponse: {
-    loading: true,
-    error: null,
-    records: null,
-  },
-  newLivestream: null,
-  serverSettings: null,
-};
-
-const uploadThumbnail = async (
-  handle: string,
-  u: URL,
-  pdsAgent: StreamplaceAgent,
-  profile: ProfileViewDetailed,
-  customThumbnail?: Blob,
-) => {
-  if (customThumbnail) {
-    let tries = 0;
-    try {
-      let thumbnail = await pdsAgent.uploadBlob(customThumbnail);
-
-      while (
-        thumbnail.data.blob.size === 0 &&
-        customThumbnail.size !== 0 &&
-        tries < 3
-      ) {
-        console.warn(
-          "Reuploading blob as blob sizes don't match! Blob size recieved is",
-          thumbnail.data.blob.size,
-          "and sent blob size is",
-          customThumbnail.size,
-        );
-        thumbnail = await pdsAgent.uploadBlob(customThumbnail);
-      }
-
-      if (tries === 3) {
-        throw new Error("Could not successfully upload blob (tried thrice)");
-      }
-
-      if (thumbnail.success) {
-        console.log("Successfully uploaded thumbnail");
-        return thumbnail.data.blob;
-      }
-    } catch (e) {
-      throw new Error("Error uploading thumbnail: " + e);
-    }
-  }
-};
-
-// clear atproto login query params from url
-const clearQueryParams = () => {
-  if (Platform.OS !== "web") {
-    return;
-  }
-  const u = new URL(document.location.href);
-  const params = new URLSearchParams(u.search);
-  if (u.search === "") {
-    return;
-  }
-  params.delete("iss");
-  params.delete("state");
-  params.delete("code");
-  u.search = params.toString();
-  window.history.replaceState(null, "", u.toString());
-};
-
-export const blueskySlice = createAppSlice({
-  name: "bluesky",
-  initialState,
-  extraReducers: (builder) => {
-    builder.addCase(hydrate.fulfilled, (state, action) => {
-      return {
-        ...state,
-        storedKey: action.payload.storedKey,
-      };
-    });
-    builder.addCase(setURL, (state, action) => {
-      return {
-        ...state,
-        anonPDSAgent: new StreamplaceAgent(action.payload) as any,
-      };
-    });
-    builder.addDefaultCase((state, action) => {
-      const err = (action as any).error as { message: string };
-      if (
-        typeof err === "object" &&
-        typeof err?.message === "string" &&
-        err.message.includes("oauth session revoked")
-      ) {
-        storage.removeItem("did").catch((e) => {
-          console.error("Error removing did", e);
-        });
-        storage.removeItem(STORED_KEY_KEY).catch((e) => {
-          console.error("Error removing stored key", e);
-        });
-        const u = new URL(document.location.href);
-        return {
-          ...state,
-          oauthSession: null,
-          status: "loggedOut",
-          pdsAgent: null,
-        };
-      }
-      return state;
-    });
-  },
-  reducers: (create) => ({
-    loadOAuthClient: create.asyncThunk(
-      async (_, { getState }) => {
-        const { streamplace } = getState() as { streamplace: StreamplaceState };
-        const client = await createOAuthClient(streamplace.url);
-        const anonPDSAgent = new StreamplaceAgent(streamplace.url);
-        const maybeDIDs = await Promise.all([
-          storage.getItem(DID_KEY),
-          storage.getItem("@@atproto/oauth-client-browser(sub)"),
-          storage.getItem("@@atproto/oauth-client-react-native:did:(sub)"),
-        ]);
-        const did = maybeDIDs.find((d) => d !== null) || null;
-        let session: OAuthSession | null = null;
-        if (did) {
-          try {
-            session = await client.restore(did);
-          } catch (e) {
-            console.error("Error restoring session", e);
-          }
-        }
-        // let initResult = await client.init();
-        return { client, session, anonPDSAgent };
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            status: "start",
-          };
-        },
-        fulfilled: (state, action) => {
-          const { client, session, anonPDSAgent } = action.payload;
-          console.log("loadOAuthClient fulfilled", action.payload);
-          if (session) {
-            storage.setItem(DID_KEY, session.did).catch((e) => {
-              console.error("Error setting did", e);
-            });
-            return {
-              ...state,
-              client: client as any,
-              status: "loggedIn",
-              oauthSession: session as any,
-              pdsAgent: new StreamplaceAgent(session) as any, // idk why this is needed
-              anonPDSAgent: anonPDSAgent as any,
-            } as any;
-          }
-          return {
-            ...state,
-            oauthSession: session,
-            status: "loggedOut",
-            client: client,
-            anonPDSAgent: anonPDSAgent,
-          };
-        },
-        rejected: (state, { error }) => {
-          return {
-            ...state,
-            // status: "loggedOut",
-          };
-        },
-      },
-    ),
-    oauthError: create.reducer(
-      (
-        state,
-        { payload }: { payload: { error: string; description: string } },
-      ) => {
-        return {
-          ...state,
-          login: {
-            loading: false,
-            error: payload.description || payload.error,
-          },
-          status: "loggedOut",
-        };
-      },
-    ),
-
-    login: create.asyncThunk(
-      async (handle: string, thunkAPI) => {
-        let { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        await thunkAPI.dispatch(loadOAuthClient());
-        ({ bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        });
-        if (!bluesky.client) {
-          throw new Error("No client");
-        }
-        const u = await bluesky.client.authorize(handle, {});
-
-        // if we're native, we can't access document
-        if (
-          typeof document !== "undefined" &&
-          document.location.href.startsWith("http://127.0.0.1")
-        ) {
-          const hostUrl = new URL(document.location.href);
-          u.host = hostUrl.host;
-          u.protocol = hostUrl.protocol;
-        }
-        thunkAPI.dispatch(openLoginLink(u.toString()));
-        // cheeky 500ms delay so you don't see the text flash back
-        await new Promise((resolve) => setTimeout(resolve, 5000));
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            login: {
-              loading: true,
-              error: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          // document.location.href = action.payload.toString();
-          return {
-            ...state,
-            login: {
-              loading: false,
-              error: null,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("login rejected", action.error);
-          return {
-            ...state,
-            login: {
-              loading: false,
-              error: action.error?.message ?? null,
-            },
-          };
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    logout: create.asyncThunk(
-      async (_, thunkAPI) => {
-        await storage.removeItem("did");
-        await storage.removeItem(STORED_KEY_KEY);
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.oauthSession) {
-          throw new Error("No oauth session");
-        }
-        return bluesky.oauthSession.signOut();
-      },
-      {
-        pending: (state) => {
-          // state.status = "loading";
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            oauthSession: undefined,
-            pdsAgent: null,
-            status: "loggedOut",
-          };
-        },
-        rejected: (state) => {
-          console.error("logout rejected");
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    getProfile: create.asyncThunk(
-      async (actor: string, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        return await bluesky.pdsAgent.getProfile({
-          actor: actor,
-        });
-      },
-      {
-        pending: (state) => {
-          // state.status = "loading";
-        },
-        fulfilled: (state, action) => {
-          clearQueryParams();
-          return {
-            ...state,
-            status: "loggedIn",
-            profiles: {
-              ...state.profiles,
-              [action.meta.arg]: action.payload.data,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          clearQueryParams();
-          return {
-            ...state,
-            status: "loggedOut",
-          };
-        },
-      },
-    ),
-
-    getProfiles: create.asyncThunk(
-      async (actors: string[], thunkAPI) => {
-        if (actors.length > 25) {
-          throw Error("Requested too many actors! (max 25 actors)");
-        }
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        // unauthed request to Bluesky Appview
-        const bskyAgent = new Agent("https://public.api.bsky.app");
-
-        return await bskyAgent.getProfiles({
-          actors: actors,
-        });
-      },
-      {
-        pending: (state) => {
-          // state.status = "loading";
-        },
-        fulfilled: (state, action) => {
-          let payload: AppBskyActorGetProfiles.Response = action.payload;
-          let parsedProfiles = {};
-          console.log(payload);
-          payload.data.profiles.forEach((p) => {
-            parsedProfiles[p.did] = p;
-          });
-
-          return {
-            ...state,
-            profileCache: {
-              ...state.profileCache,
-              ...parsedProfiles,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    oauthCallback: create.asyncThunk(
-      async (url: string, thunkAPI) => {
-        console.log("oauthCallback", url);
-        if (!url.includes("?")) {
-          throw new Error("No query params");
-        }
-        const params = new URLSearchParams(url.split("?")[1]);
-        if (!(params.has("code") && params.has("state") && params.has("iss"))) {
-          if (params.has("error")) {
-            thunkAPI.dispatch(
-              oauthError({
-                error: params.get("error") ?? "",
-                description: params.get("error_description") ?? "",
-              }),
-            );
-          }
-          throw new Error("Missing params, got: " + url);
-        }
-        const { streamplace } = thunkAPI.getState() as {
-          streamplace: StreamplaceState;
-        };
-        const client = await createOAuthClient(streamplace.url);
-        try {
-          const ret = await client.callback(params);
-          await storage.setItem(DID_KEY, ret.session.did);
-          return { session: ret.session as any, client };
-        } catch (e) {
-          let message = e.message;
-          while (e.cause) {
-            message = `${message}: ${e.cause.message}`;
-            e = e.cause;
-          }
-          console.error("oauthCallback error", message);
-          throw e;
-        }
-      },
-
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            status: "start",
-          };
-        },
-        fulfilled: (state, action) => {
-          console.log("oauthCallback fulfilled", action.payload);
-          return {
-            ...state,
-            client: action.payload.client as any,
-            oauthSession: action.payload.session as any,
-            pdsAgent: new StreamplaceAgent(action.payload.session) as any,
-            status: "loggedIn",
-          };
-        },
-        rejected: (state, action) => {
-          console.error("oauthCallback rejected", action.error);
-          return {
-            ...state,
-            status: "loggedOut",
-          };
-        },
-      },
-    ),
-
-    golivePost: create.asyncThunk(
-      async (
-        {
-          text,
-          now,
-          thumbnail,
-        }: { text: string; now: Date; thumbnail?: BlobRef },
-        thunkAPI,
-      ): Promise<{
-        uri: string;
-        cid: string;
-      }> => {
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        const u = new URL(streamplace.url);
-        const params = new URLSearchParams({
-          did: did,
-          time: new Date().toISOString(),
-        });
-
-        const linkUrl = `${u.protocol}//${u.host}/${profile.handle}?${params.toString()}`;
-        const prefix = `🔴 LIVE `;
-        const textUrl = `${u.protocol}//${u.host}/${profile.handle}`;
-        const suffix = ` ${text}`;
-        const content = prefix + textUrl + suffix;
-
-        const rt = new RichText({ text: content });
-        rt.detectFacetsWithoutResolution();
-
-        const record: AppBskyFeedPost.Record = {
-          $type: "app.bsky.feed.post",
-          text: content,
-          "place.stream.livestream": {
-            url: linkUrl,
-            title: text,
-          },
-          facets: rt.facets,
-          createdAt: now.toISOString(),
-        };
-        record.embed = {
-          $type: "app.bsky.embed.external",
-          external: {
-            description: text,
-            thumb: thumbnail,
-            title: `@${profile.handle} is 🔴LIVE on ${u.host}!`,
-            uri: linkUrl,
-          },
-        };
-        console.log("golivePost record", record);
-        return await bluesky.pdsAgent.post(record);
-      },
-      {
-        pending: (state) => {
-          console.log("golivePost pending");
-        },
-        fulfilled: (state, action) => {
-          console.log("golivePost fulfilled", action.payload);
-        },
-        rejected: (state, action) => {
-          console.error("golivePost rejected", action.error);
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    createBlockRecord: create.asyncThunk(
-      async ({ subjectDID }: { subjectDID: string }, thunkAPI) => {
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        const record: AppBskyGraphBlock.Record = {
-          $type: "app.bsky.graph.block",
-          subject: subjectDID,
-          createdAt: new Date().toISOString(),
-        };
-        return await bluesky.pdsAgent.com.atproto.repo.createRecord({
-          repo: did,
-          collection: "app.bsky.graph.block",
-          record,
-        });
-      },
-      {
-        pending: (state) => {
-          console.log("createBlockRecord pending");
-        },
-        fulfilled: (state, action) => {
-          console.log("createBlockRecord fulfilled", action.payload);
-        },
-        rejected: (state, action) => {
-          console.error("createBlockRecord rejected", action.error);
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    createStreamKeyRecord: create.asyncThunk(
-      async ({ store }: { store: boolean }, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const keypair = await Secp256k1Keypair.create({ exportable: true });
-        const exportedKey = await keypair.export();
-        const didBytes = new TextEncoder().encode(did);
-        const combinedKey = new Uint8Array([...exportedKey, ...didBytes]);
-        const multibaseKey = bytesToMultibase(combinedKey, "base58btc");
-        const hexKey = Array.from(exportedKey)
-          .map((b) => b.toString(16).padStart(2, "0"))
-          .join("");
-        const account = await privateKeyToAccount(`0x${hexKey}`);
-        const newKey = {
-          privateKey: multibaseKey,
-          did: keypair.did(),
-          address: account.address.toLowerCase(),
-        };
-
-        let platform: string = Platform.OS;
-
-        // window only exists on web
-        if (Platform.OS === "web" && window && window.navigator) {
-          let splitUA = window.navigator.userAgent
-            .split(" ")
-            .pop()
-            ?.split("/")[0];
-          if (splitUA) {
-            platform = splitUA;
-          }
-          // proper capitalization
-        } else if (platform === "android") {
-          platform = "Android";
-        } else if (platform === "ios") {
-          platform = "iOS";
-        } else if (platform === "macos") {
-          platform = "macOS";
-        } else if (platform === "windows") {
-          platform = "Windows";
-        }
-
-        const record: PlaceStreamKey.Record = {
-          $type: "place.stream.key",
-          signingKey: keypair.did(),
-          createdAt: new Date().toISOString(),
-          createdBy: "Streamplace on " + platform,
-        };
-        await bluesky.pdsAgent.com.atproto.repo.createRecord({
-          repo: did,
-          collection: "place.stream.key",
-          record,
-        });
-        if (store) {
-          await storage.setItem(STORED_KEY_KEY, JSON.stringify(newKey));
-        }
-        return newKey;
-      },
-      {
-        pending: (state) => {
-          console.log("golivePost pending");
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            newKey: action.payload,
-            storedKey: action.meta.arg.store ? action.payload : null,
-          };
-        },
-        rejected: (state, action) => {
-          console.error("createStreamKeyRecord rejected", action.error);
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    clearStreamKeyRecord: create.reducer((state) => {
-      return {
-        ...state,
-        newKey: null,
-      };
-    }),
-
-    getStreamKeyRecords: create.asyncThunk(
-      async (_, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!did) {
-          throw new Error("No DID");
-        }
-        return await bluesky.pdsAgent.com.atproto.repo.listRecords({
-          repo: did,
-          collection: "place.stream.key",
-          limit: 100,
-        });
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            streamKeysResponse: {
-              loading: true,
-              error: null,
-              records: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          console.log(action.payload);
-          return {
-            ...state,
-            streamKeysResponse: {
-              loading: false,
-              error: null,
-              records: action.payload.data,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("listStreamKeyRecords rejected", action.error);
-
-          return {
-            ...state,
-            streamKeysResponse: {
-              loading: false,
-              error: action.error?.message ?? null,
-              records: null,
-            },
-          };
-        },
-      },
-    ),
-
-    deleteStreamKeyRecord: create.asyncThunk(
-      async ({ rkey }: { rkey: string }, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!did) {
-          throw new Error("No DID");
-        }
-
-        return await bluesky.pdsAgent.com.atproto.repo.deleteRecord({
-          repo: did,
-          collection: "place.stream.key",
-          rkey,
-        });
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            isDeletingKey: true,
-          };
-        },
-        fulfilled: (state, action) => {
-          let records = state.streamKeysResponse.records
-            ? state.streamKeysResponse.records.records.filter(
-                (r) => r.uri.split("/").pop() !== action.meta.arg.rkey,
-              )
-            : [];
-
-          return {
-            ...state,
-            isDeletingKey: false,
-            streamKeysResponse: {
-              ...state.streamKeysResponse,
-              records: {
-                ...state.streamKeysResponse.records,
-                records,
-              },
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("deleteStreamKeyRecord rejected", action.error);
-          return {
-            ...state,
-            isDeletingKey: false,
-          };
-        },
-      },
-    ),
-
-    setPDS: create.asyncThunk(
-      async (pds: string, thunkAPI) => {
-        await storage.setItem("pdsURL", pds);
-        return pds;
-      },
-      {
-        pending: (state, action) => {
-          return {
-            ...state,
-            pds: {
-              ...state.pds,
-              loading: true,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          // document.location.href = action.payload.toString();
-          console.log("setPDS fulfilled", action.payload);
-          return {
-            ...state,
-            pds: {
-              ...state.pds,
-              loading: false,
-              url: action.payload,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          return {
-            ...state,
-            pds: {
-              ...state.pds,
-              loading: false,
-              error: action.error?.message ?? null,
-            },
-          };
-        },
-      },
-    ),
-
-    createLivestreamRecord: create.asyncThunk(
-      async (
-        { title, customThumbnail }: { title: string; customThumbnail?: Blob },
-        thunkAPI,
-      ) => {
-        const now = new Date();
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-
-        let thumbnail: BlobRef | undefined = undefined;
-
-        const u = new URL(streamplace.url);
-
-        if (customThumbnail) {
-          try {
-            thumbnail = await uploadThumbnail(
-              profile.handle,
-              u,
-              bluesky.pdsAgent,
-              profile,
-              customThumbnail,
-            );
-          } catch (e) {
-            throw new Error(`Custom thumbnail upload failed ${e}`);
-          }
-        } else {
-          // No custom thumbnail: fetch the server-side image and upload it
-          // try thrice lel
-          let tries = 0;
-          try {
-            for (; tries < 3; tries++) {
-              try {
-                console.log(
-                  `Fetching thumbnail from ${u.protocol}//${u.host}/api/playback/${profile.handle}/stream.png`,
-                );
-                const thumbnailRes = await fetch(
-                  `${u.protocol}//${u.host}/api/playback/${profile.handle}/stream.png`,
-                );
-                if (!thumbnailRes.ok) {
-                  throw new Error(
-                    `Failed to fetch thumbnail: ${thumbnailRes.status})`,
-                  );
-                }
-                const thumbnailBlob = await thumbnailRes.blob();
-                console.log(thumbnailBlob);
-                thumbnail = await uploadThumbnail(
-                  profile.handle,
-                  u,
-                  bluesky.pdsAgent,
-                  profile,
-                  thumbnailBlob,
-                );
-              } catch (e) {
-                console.warn(
-                  `Failed to fetch thumbnail, retrying (${tries + 1}/3): ${e}`,
-                );
-                // Wait 1 second before retrying
-                await new Promise((resolve) => setTimeout(resolve, 2000));
-                if (tries === 2) {
-                  throw new Error(
-                    `Failed to fetch thumbnail after 3 tries: ${e}`,
-                  );
-                }
-              }
-            }
-          } catch (e) {
-            throw new Error(`Thumbnail upload failed ${e}`);
-          }
-        }
-
-        const newPostAction = await thunkAPI.dispatch(
-          golivePost({ text: title, now, thumbnail }),
-        );
-
-        if (!newPostAction || newPostAction.type.endsWith("/rejected")) {
-          throw new Error(
-            `Failed to create post: ${(newPostAction as any)?.error?.message || "Unknown error"}`,
-          );
-        }
-
-        const newPost = newPostAction as {
-          payload: { uri: string; cid: string };
-        };
-
-        if (!newPost.payload?.uri || !newPost.payload?.cid) {
-          throw new Error(
-            "Cannot read properties of undefined (reading 'uri' or 'cid')",
-          );
-        }
-
-        const record: PlaceStreamLivestream.Record = {
-          $type: "place.stream.livestream",
-          title: title,
-          url: streamplace.url,
-          createdAt: new Date().toISOString(),
-          post: {
-            uri: newPost.payload.uri,
-            cid: newPost.payload.cid,
-          },
-          thumb: thumbnail,
-        };
-
-        await bluesky.pdsAgent.com.atproto.repo.createRecord({
-          repo: did,
-          collection: "place.stream.livestream",
-          record,
-        });
-        return record;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            newLivestream: {
-              loading: true,
-              error: null,
-              record: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            newLivestream: {
-              loading: false,
-              error: null,
-              record: action.payload,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("createLivestreamRecord rejected", action.error);
-          return {
-            ...state,
-            newLivestream: {
-              loading: false,
-              error: action.error?.message ?? null,
-              record: null,
-            },
-          };
-        },
-      },
-    ),
-
-    updateLivestreamRecord: create.asyncThunk(
-      async (
-        {
-          title,
-          livestream,
-        }: { title: string; livestream: LivestreamViewHydrated | null },
-        thunkAPI,
-      ) => {
-        const now = new Date();
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-
-        let oldRecord = livestream;
-        if (!oldRecord) {
-          throw new Error("No latest record");
-        }
-
-        let rkey = oldRecord.uri.split("/").pop();
-        let oldRecordValue: PlaceStreamLivestream.Record = oldRecord.record;
-
-        if (!rkey) {
-          throw new Error("No rkey?");
-        }
-
-        console.log("Updating rkey", rkey);
-
-        const record: PlaceStreamLivestream.Record = {
-          $type: "place.stream.livestream",
-          title: title,
-          url: streamplace.url,
-          createdAt: new Date().toISOString(),
-          post: oldRecordValue.post,
-        };
-
-        await bluesky.pdsAgent.com.atproto.repo.putRecord({
-          repo: did,
-          collection: "place.stream.livestream",
-          rkey,
-          record,
-        });
-        return record;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            newLivestream: {
-              loading: true,
-              error: null,
-              record: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            newLivestream: {
-              loading: false,
-              error: null,
-              record: action.payload,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("createLivestreamRecord rejected", action.error);
-          return {
-            ...state,
-            newLivestream: {
-              loading: false,
-              error: action.error?.message ?? null,
-              record: null,
-            },
-          };
-        },
-      },
-    ),
-
-    getChatProfileRecordFromPDS: create.asyncThunk(
-      async (_, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as { bluesky: BlueskyState };
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const res = await bluesky.pdsAgent.com.atproto.repo.getRecord({
-          repo: did,
-          collection: "place.stream.chat.profile",
-          rkey: "self",
-        });
-        if (!res.success) {
-          throw new Error("Failed to get chat profile record");
-        }
-
-        if (PlaceStreamChatProfile.isRecord(res.data.value)) {
-          return res.data.value;
-        } else {
-          console.log("not a record", res.data.value);
-        }
-        return null;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            chatProfile: {
-              loading: true,
-              error: null,
-              profile: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          if (!action.payload) {
-            return state;
-          }
-          return {
-            ...state,
-            chatProfile: {
-              loading: false,
-              error: null,
-              profile: action.payload,
-            },
-          };
-        },
-      },
-    ),
-
-    createChatProfileRecord: create.asyncThunk(
-      async (
-        { red, green, blue }: { red: number; green: number; blue: number },
-        thunkAPI,
-      ) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!did) {
-          throw new Error("No DID");
-        }
-
-        const chatProfile: PlaceStreamChatProfile.Record = {
-          $type: "place.stream.chat.profile",
-          color: {
-            red: red,
-            green: green,
-            blue: blue,
-          },
-        };
-
-        const res = await bluesky.pdsAgent.com.atproto.repo.putRecord({
-          repo: did,
-          collection: "place.stream.chat.profile",
-          record: chatProfile,
-          rkey: "self",
-        });
-        if (!res.success) {
-          throw new Error("Failed to create chat profile record");
-        }
-        return chatProfile;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            chatProfile: {
-              loading: true,
-              error: null,
-              profile: null,
-            },
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            chatProfile: {
-              loading: false,
-              error: null,
-              profile: action.payload,
-            },
-          };
-        },
-        rejected: (state, action) => {
-          console.error("createChatProfileRecord rejected", action.error);
-          return {
-            ...state,
-            chatProfile: {
-              loading: false,
-              error: action.error?.message ?? null,
-              profile: null,
-            },
-          };
-        },
-      },
-    ),
-
-    followUser: create.asyncThunk(
-      async (subjectDID: string, thunkAPI) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        await bluesky.pdsAgent.follow(subjectDID);
-
-        return { subjectDID };
-      },
-      {
-        pending: (state) => {
-          console.log("followUser pending");
-        },
-        fulfilled: (state, action) => {
-          console.log("followUser fulfilled", action.payload);
-        },
-        rejected: (state, action) => {
-          console.error("followUser rejected", action.error);
-        },
-      },
-    ),
-
-    unfollowUser: create.asyncThunk(
-      async (
-        { subjectDID, followUri }: { subjectDID: string; followUri?: string },
-        thunkAPI,
-      ) => {
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        let agent;
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-
-        if (followUri) {
-          await bluesky.pdsAgent.deleteFollow(followUri);
-        } else {
-          const res = await fetch(
-            `${streamplace.url}/xrpc/place.stream.graph.getFollowingUser?subjectDID=${encodeURIComponent(subjectDID)}&userDID=${encodeURIComponent(did)}`,
-            {
-              credentials: "include",
-            },
-          );
-          const data = await res.json();
-
-          if (!data.follow || !data.follow.uri) {
-            throw new Error("Follow record not found");
-          }
-
-          await bluesky.pdsAgent.deleteFollow(data.follow.uri);
-        }
-
-        return { subjectDID };
-      },
-      {
-        pending: (state) => {
-          console.log("unfollowUser pending");
-        },
-        fulfilled: (state, action) => {
-          console.log("unfollowUser fulfilled", action.payload);
-        },
-        rejected: (state, action) => {
-          console.error("unfollowUser rejected", action.error);
-        },
-      },
-    ),
-
-    getServerSettingsFromPDS: create.asyncThunk(
-      async (_, thunkAPI) => {
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const u = new URL(streamplace.url);
-        const res = await bluesky.pdsAgent.com.atproto.repo.getRecord({
-          repo: did,
-          collection: "place.stream.server.settings",
-          rkey: u.host,
-        });
-        if (!res.success) {
-          throw new Error("Failed to get chat profile record");
-        }
-
-        if (PlaceStreamServerSettings.isRecord(res.data.value)) {
-          return res.data.value as PlaceStreamServerSettings.Record;
-        } else {
-          console.log("not a record", res.data.value);
-        }
-        return null;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-          };
-        },
-        fulfilled: (state, action) => {
-          if (!action.payload) {
-            return state;
-          }
-          return {
-            ...state,
-            serverSettings: action.payload,
-          };
-        },
-        rejected: (state, action) => {
-          console.error("getServerSettingsFromPDS rejected", action.error);
-          return {
-            ...state,
-          };
-        },
-      },
-    ),
-
-    createServerSettingsRecord: create.asyncThunk(
-      async ({ debugRecording }: { debugRecording: boolean }, thunkAPI) => {
-        const { bluesky, streamplace } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-          streamplace: StreamplaceState;
-        };
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const profile = bluesky.profiles[did];
-        if (!profile) {
-          throw new Error("No profile");
-        }
-        if (!did) {
-          throw new Error("No DID");
-        }
-        const u = new URL(streamplace.url);
-        const serverSettings: PlaceStreamServerSettings.Record = {
-          $type: "place.stream.server.settings",
-          debugRecording: debugRecording,
-        };
-
-        const res = await bluesky.pdsAgent.com.atproto.repo.putRecord({
-          repo: did,
-          collection: "place.stream.server.settings",
-          record: serverSettings,
-          rkey: u.host,
-        });
-        if (!res.success) {
-          throw new Error("Failed to create server settings record");
-        }
-        return serverSettings;
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            serverSettings: action.payload,
-          };
-        },
-        rejected: (state, action) => {
-          console.error("createServerSettingsRecord rejected", action.error);
-          return {
-            ...state,
-          };
-        },
-      },
-    ),
-  }),
-
-  // You can define your selectors here. These selectors receive the slice
-  // state as their first argument.
-  selectors: {
-    selectOAuthSession: (bluesky) => bluesky.oauthSession,
-    selectPDS: (bluesky) => bluesky.pds,
-    selectLogin: (bluesky) => bluesky.login,
-    selectProfiles: (bluesky) => bluesky.profiles,
-    selectStoredKey: (bluesky) => bluesky.storedKey,
-    selectKeyRecords: (bluesky) => bluesky.streamKeysResponse,
-    selectServerSettings: (bluesky) => bluesky.serverSettings,
-    selectUserProfile: (bluesky) => {
-      const did = bluesky.oauthSession?.did;
-      if (!did) return null;
-      return bluesky.profiles[did];
-    },
-    selectIsReady: (bluesky) => {
-      if (bluesky.status === "start") {
-        return false;
-      } else if (bluesky.status === "loggedOut") {
-        return true;
-      }
-      if (!bluesky.oauthSession) {
-        return false;
-      }
-      const profile = blueskySlice.selectors.selectUserProfile({ bluesky });
-      if (!profile) {
-        return false;
-      }
-
-      return true;
-    },
-    selectNewLivestream: (bluesky) => bluesky.newLivestream,
-    selectChatProfile: (bluesky) => bluesky.chatProfile,
-    selectCachedProfiles: (bluesky) => bluesky.profileCache,
-  },
-});
-
-// Action creators are generated for each case reducer function.
-export const {
-  loadOAuthClient,
-  login,
-  getProfile,
-  getProfiles,
-  logout,
-  golivePost,
-  oauthCallback,
-  setPDS,
-  oauthError,
-  createStreamKeyRecord,
-  clearStreamKeyRecord,
-  getStreamKeyRecords,
-  deleteStreamKeyRecord,
-  createLivestreamRecord,
-  updateLivestreamRecord,
-  createChatProfileRecord,
-  getChatProfileRecordFromPDS,
-  createBlockRecord,
-  followUser,
-  unfollowUser,
-  getServerSettingsFromPDS,
-  createServerSettingsRecord,
-} = blueskySlice.actions;
-
-// Selectors returned by `slice.selectors` take the root state as their first argument.
-export const {
-  selectOAuthSession,
-  selectProfiles,
-  selectUserProfile,
-  selectPDS,
-  selectLogin,
-  selectStoredKey,
-  selectKeyRecords,
-  selectIsReady,
-  selectNewLivestream,
-  selectChatProfile,
-  selectCachedProfiles,
-  selectServerSettings,
-} = blueskySlice.selectors;
diff --git a/js/app/features/bluesky/blueskyTypes.tsx b/js/app/features/bluesky/blueskyTypes.tsx
deleted file mode 100644
index 431fb5f61..000000000
--- a/js/app/features/bluesky/blueskyTypes.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
-import { OutputSchema } from "@atproto/api/dist/client/types/com/atproto/repo/listRecords";
-import { OAuthSession } from "@atproto/oauth-client";
-import { StreamKey } from "features/base/baseSlice";
-import {
-  PlaceStreamChatProfile,
-  PlaceStreamLivestream,
-  PlaceStreamServerSettings,
-  StreamplaceAgent,
-} from "streamplace";
-import { StreamplaceOAuthClient } from "./oauthClient";
-
-type NewLivestream = {
-  loading: boolean;
-  error: string | null;
-  record: PlaceStreamLivestream.Record | null;
-};
-
-export interface BlueskyState {
-  status: "start" | "loggedIn" | "loggedOut";
-  oauthState: null | string;
-  oauthSession?: null | OAuthSession;
-  pdsAgent: null | StreamplaceAgent;
-  anonPDSAgent: null | StreamplaceAgent;
-  profiles: { [key: string]: ProfileViewDetailed };
-  // for e.g. others' avatars
-  profileCache: { [key: string]: ProfileViewDetailed };
-  client: null | StreamplaceOAuthClient;
-  login: {
-    loading: boolean;
-    error: null | string;
-  };
-  pds: {
-    url: string;
-    loading: boolean;
-    error: null | string;
-  };
-  newKey: null | StreamKey;
-  storedKey: null | StreamKey;
-  isDeletingKey: boolean;
-  streamKeysResponse: {
-    loading: boolean;
-    error: null | string;
-    records: null | OutputSchema;
-  };
-  newLivestream: null | NewLivestream;
-  chatProfile: {
-    loading: boolean;
-    error: null | string;
-    profile: null | PlaceStreamChatProfile.Record;
-  };
-  serverSettings: null | PlaceStreamServerSettings.Record;
-}
diff --git a/js/app/features/bluesky/contentMetadataSlice.tsx b/js/app/features/bluesky/contentMetadataSlice.tsx
deleted file mode 100644
index 8ad3e9ace..000000000
--- a/js/app/features/bluesky/contentMetadataSlice.tsx
+++ /dev/null
@@ -1,385 +0,0 @@
-import { createAppSlice } from "../../hooks/createSlice";
-import { BlueskyState } from "./blueskyTypes";
-
-export interface ContentMetadataState {
-  creating: boolean;
-  updating: boolean;
-  error: string | null;
-  lastCreatedRecord: any | null;
-}
-
-const initialState: ContentMetadataState = {
-  creating: false,
-  updating: false,
-  error: null,
-  lastCreatedRecord: null,
-};
-
-export const contentMetadataSlice = createAppSlice({
-  name: "contentMetadata",
-  initialState,
-  reducers: (create) => ({
-    createContentMetadata: create.asyncThunk(
-      async (
-        {
-          contentWarnings = [],
-          distributionPolicy = {
-            deleteAfter: undefined,
-          },
-          contentRights = {},
-        }: {
-          contentWarnings?: string[];
-          distributionPolicy?: {
-            deleteAfter?: number;
-          };
-          contentRights?: {
-            creator?: string;
-            copyrightNotice?: string;
-            copyrightYear?: number;
-            license?: string;
-            creditLine?: string;
-          };
-        },
-        thunkAPI,
-      ) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-
-        const metadataRecord = {
-          $type: "place.stream.metadata.configuration",
-          createdAt: new Date().toISOString(),
-          ...(contentWarnings.length > 0 && {
-            contentWarnings: { warnings: contentWarnings },
-          }),
-          ...(distributionPolicy.deleteAfter && { distributionPolicy }),
-          ...(contentRights &&
-            Object.keys(contentRights).length > 0 && {
-              contentRights,
-            }),
-        };
-
-        const result = await bluesky.pdsAgent.com.atproto.repo.createRecord({
-          repo: did,
-          collection: "place.stream.metadata.configuration",
-          rkey: "self",
-          record: metadataRecord,
-        });
-
-        // Extract rkey from the URI
-        const rkey = result.data.uri.split("/").pop();
-
-        return {
-          record: metadataRecord,
-          uri: result.data.uri,
-          cid: result.data.cid,
-          rkey,
-        };
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            creating: true,
-            error: null,
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            creating: false,
-            error: null,
-            lastCreatedRecord: action.payload,
-          };
-        },
-        rejected: (state, action) => {
-          return {
-            ...state,
-            creating: false,
-            error: action.error?.message ?? "Failed to create content metadata",
-          };
-        },
-      },
-    ),
-
-    updateContentMetadata: create.asyncThunk(
-      async (
-        {
-          rkey,
-          livestreamRef,
-          contentWarnings = [],
-          distributionPolicy = {
-            deleteAfter: undefined, // No expiration means forever
-          },
-          contentRights = {},
-        }: {
-          rkey?: string;
-          livestreamRef?: {
-            uri: string;
-            cid: string;
-          };
-          contentWarnings?: string[];
-          distributionPolicy?: {
-            deleteAfter?: number;
-          };
-          contentRights?: {
-            creator?: string;
-            copyrightNotice?: string;
-            copyrightYear?: number;
-            license?: string;
-            creditLine?: string;
-          };
-        },
-        thunkAPI,
-      ) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-
-        const did = bluesky.oauthSession?.did;
-        if (!did) {
-          throw new Error("No DID");
-        }
-
-        const metadataRecord = {
-          $type: "place.stream.metadata.configuration",
-          ...(livestreamRef && { livestreamRef }),
-          createdAt: new Date().toISOString(),
-          ...(contentWarnings.length > 0 && {
-            contentWarnings: { warnings: contentWarnings },
-          }),
-          ...(distributionPolicy.deleteAfter && { distributionPolicy }),
-          ...(contentRights &&
-            Object.keys(contentRights).length > 0 && {
-              contentRights,
-            }),
-        };
-
-        const result = await bluesky.pdsAgent.com.atproto.repo.putRecord({
-          repo: did,
-          collection: "place.stream.metadata.configuration",
-          rkey: "self",
-          record: metadataRecord,
-        });
-
-        return {
-          record: metadataRecord,
-          uri: `at://${did}/place.stream.metadata.configuration/self`,
-          cid: result.data.cid,
-        };
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            updating: true,
-            error: null,
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            updating: false,
-            error: null,
-            lastCreatedRecord: action.payload,
-          };
-        },
-        rejected: (state, action) => {
-          return {
-            ...state,
-            updating: false,
-            error: action.error?.message ?? "Failed to update content metadata",
-          };
-        },
-      },
-    ),
-
-    getContentMetadata: create.asyncThunk(
-      async (
-        { userDid, rkey = "self" }: { userDid?: string; rkey?: string } = {},
-        thunkAPI,
-      ) => {
-        const { bluesky } = thunkAPI.getState() as {
-          bluesky: BlueskyState;
-        };
-
-        if (!bluesky.pdsAgent) {
-          throw new Error("No agent");
-        }
-
-        // Use provided userDid or fall back to current user's DID
-        const targetDid = userDid || bluesky.oauthSession?.did;
-        if (!targetDid) {
-          throw new Error("No DID provided or user not authenticated");
-        }
-
-        // Add debugging information
-        console.log(`[getContentMetadata] Debug info:`, {
-          targetDid,
-          rkey,
-          pdsAgentType: bluesky.pdsAgent.constructor.name,
-          hasOAuthSession: !!bluesky.oauthSession,
-          currentUserDid: bluesky.oauthSession?.did,
-          pdsAgentHost:
-            (bluesky.pdsAgent as any)?.host ||
-            (bluesky.pdsAgent as any)?.service?.host ||
-            "unknown",
-          pdsAgentUrl:
-            (bluesky.pdsAgent as any)?.url ||
-            (bluesky.pdsAgent as any)?.service?.url ||
-            "unknown",
-        });
-
-        try {
-          // First, try to resolve the correct PDS for the target user
-          let targetPDS = null;
-          try {
-            const didResponse = await fetch(
-              `https://plc.directory/${targetDid}`,
-            );
-            if (didResponse.ok) {
-              const didDoc = await didResponse.json();
-              const pdsService = didDoc.service?.find(
-                (s: any) => s.id === "#atproto_pds",
-              );
-              if (pdsService) {
-                targetPDS = pdsService.serviceEndpoint;
-                console.log(
-                  `[getContentMetadata] Resolved PDS for ${targetDid}:`,
-                  targetPDS,
-                );
-              }
-            }
-          } catch (pdsResolveError) {
-            console.log(
-              `[getContentMetadata] Failed to resolve PDS for ${targetDid}:`,
-              pdsResolveError,
-            );
-          }
-
-          // Use the target PDS if available, otherwise fall back to the current agent
-          let agent = bluesky.pdsAgent;
-          if (targetPDS && targetPDS !== (bluesky.pdsAgent as any)?.host) {
-            // Create a new agent pointing to the target PDS
-            const { StreamplaceAgent } = await import("streamplace");
-            agent = new StreamplaceAgent(targetPDS) as any;
-            console.log(
-              `[getContentMetadata] Created new agent for PDS:`,
-              targetPDS,
-            );
-          }
-
-          console.log(`[getContentMetadata] Attempting to fetch record from:`, {
-            repo: targetDid,
-            collection: "place.stream.metadata.configuration",
-            rkey,
-            usingPDS: targetPDS || "default",
-          });
-
-          const result = await agent.com.atproto.repo.getRecord({
-            repo: targetDid,
-            collection: "place.stream.metadata.configuration",
-            rkey,
-          });
-
-          console.log(`[getContentMetadata] API response:`, result);
-
-          if (!result.success) {
-            throw new Error("Failed to get content metadata record");
-          }
-
-          return {
-            userDid: targetDid,
-            record: result.data.value,
-            uri: result.data.uri,
-            cid: result.data.cid,
-          };
-        } catch (error) {
-          console.log(`[getContentMetadata] Error details:`, {
-            error: error.message,
-            errorType: error.constructor.name,
-            errorStack: error.stack,
-          });
-
-          // If user doesn't have metadata record, return null instead of throwing
-          if (
-            error.message?.includes("not found") ||
-            error.message?.includes("RecordNotFound")
-          ) {
-            return {
-              userDid: targetDid,
-              record: null,
-              uri: null,
-              cid: null,
-            };
-          }
-          throw error;
-        }
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-            error: null,
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            error: null,
-            lastCreatedRecord: action.payload,
-          };
-        },
-        rejected: (state, action) => {
-          return {
-            ...state,
-            error: action.error?.message ?? "Failed to get content metadata",
-          };
-        },
-      },
-    ),
-
-    clearError: create.reducer((state) => {
-      return {
-        ...state,
-        error: null,
-      };
-    }),
-  }),
-
-  selectors: {
-    selectContentMetadata: (state) => state,
-    selectIsCreating: (state) => state.creating,
-    selectIsUpdating: (state) => state.updating,
-    selectError: (state) => state.error,
-    selectLastCreatedRecord: (state) => state.lastCreatedRecord,
-  },
-});
-
-export const {
-  createContentMetadata,
-  updateContentMetadata,
-  getContentMetadata,
-  clearError,
-} = contentMetadataSlice.actions;
-
-export const {
-  selectContentMetadata,
-  selectIsCreating,
-  selectIsUpdating,
-  selectError,
-  selectLastCreatedRecord,
-} = contentMetadataSlice.selectors;
diff --git a/js/app/features/platform/platformSlice.native.tsx b/js/app/features/platform/platformSlice.native.tsx
deleted file mode 100644
index e763b74d5..000000000
--- a/js/app/features/platform/platformSlice.native.tsx
+++ /dev/null
@@ -1,202 +0,0 @@
-import messaging from "@react-native-firebase/messaging";
-import { openAuthSessionAsync } from "expo-web-browser";
-import { oauthCallback } from "features/bluesky/blueskySlice";
-import { BlueskyState } from "features/bluesky/blueskyTypes";
-import { PermissionsAndroid, Platform } from "react-native";
-import { createAppSlice } from "../../hooks/createSlice";
-import {
-  initialState,
-  PlatformState,
-  RegisterNotificationTokenBody,
-} from "./shared";
-
-const checkApplicationPermission = async () => {
-  if (Platform.OS === "android") {
-    try {
-      await PermissionsAndroid.request(
-        PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
-      );
-    } catch (error) {
-      console.log("error getting notifications ", error);
-    }
-  }
-};
-
-export const platformSlice = createAppSlice({
-  name: "platform",
-  initialState,
-  reducers: (create) => ({
-    handleNotification: create.reducer(
-      (
-        state,
-        action: { payload: { [key: string]: string | object } | undefined },
-      ) => {
-        if (!action.payload) {
-          return state;
-        }
-        if (typeof action.payload.path !== "string") {
-          return state;
-        }
-        return {
-          ...state,
-          notificationDestination: action.payload.path,
-        };
-      },
-    ),
-    clearNotification: create.reducer((state) => {
-      return {
-        ...state,
-        notificationDestination: null,
-      };
-    }),
-    openLoginLink: create.asyncThunk(
-      async (url: string, thunkAPI) => {
-        const res = await openAuthSessionAsync(url);
-        if (res.type === "success") {
-          thunkAPI.dispatch(oauthCallback(res.url));
-        }
-      },
-      {
-        pending: (state) => {
-          state.status = "loading";
-        },
-        fulfilled: (state) => {
-          state.status = "idle";
-        },
-        rejected: (state, { error }) => {
-          state.status = "failed";
-          console.error(error);
-        },
-      },
-    ),
-
-    initPushNotifications: create.asyncThunk(
-      async (_, thunkAPI) => {
-        const msg = messaging();
-        messaging().setBackgroundMessageHandler(async (remoteMessage) => {
-          console.log("Message handled in the background!", remoteMessage);
-        });
-        await checkApplicationPermission();
-        const authorizationStatus = await msg.requestPermission();
-
-        let perms = "";
-
-        if (authorizationStatus === messaging.AuthorizationStatus.AUTHORIZED) {
-          console.log("User has notification permissions enabled.");
-          perms += "authorized";
-        } else if (
-          authorizationStatus === messaging.AuthorizationStatus.PROVISIONAL
-        ) {
-          console.log("User has provisional notification permissions.");
-          perms += "provisional";
-        } else {
-          console.log("User has notification permissions disabled");
-          perms += "disabled";
-        }
-
-        const token = await msg.getToken();
-
-        messaging()
-          .subscribeToTopic("live")
-          .then(() => console.log("Subscribed to live!"));
-
-        messaging().onMessage((remoteMessage) => {
-          console.log("Foreground message:", remoteMessage);
-          // Display the notification to the user
-        });
-        messaging().onNotificationOpenedApp((remoteMessage) => {
-          console.log(
-            "App opened by notification while in foreground:",
-            remoteMessage,
-          );
-          thunkAPI.dispatch(handleNotification(remoteMessage.data));
-          // Handle notification interaction when the app is in the foreground
-        });
-        messaging()
-          .getInitialNotification()
-          .then((remoteMessage) => {
-            if (!remoteMessage) {
-              return;
-            }
-            console.log(
-              "App opened by notification from closed state:",
-              remoteMessage,
-            );
-            thunkAPI.dispatch(handleNotification(remoteMessage.data));
-          });
-
-        return { token };
-      },
-      {
-        pending: (state) => {},
-        fulfilled: (state, { payload }) => {
-          return {
-            ...state,
-            notificationToken: payload.token,
-          };
-        },
-        rejected: (state) => {},
-      },
-    ),
-
-    registerNotificationToken: create.asyncThunk(
-      async (_, thunkAPI) => {
-        if (typeof process.env.EXPO_PUBLIC_STREAMPLACE_URL !== "string") {
-          console.log("process.env.EXPO_PUBLIC_STREAMPLACE_URL undefined!");
-          return;
-        }
-        const { platform, bluesky } = thunkAPI.getState() as {
-          platform: PlatformState;
-          bluesky: BlueskyState;
-        };
-        if (!platform.notificationToken) {
-          throw new Error("No notification token");
-        }
-        const body: RegisterNotificationTokenBody = {
-          token: platform.notificationToken,
-        };
-        const did = bluesky.oauthSession?.did;
-        if (did) {
-          body.repoDID = did;
-        }
-        try {
-          const res = await fetch(
-            `${process.env.EXPO_PUBLIC_STREAMPLACE_URL}/api/notification`,
-            {
-              method: "POST",
-              headers: {
-                "content-type": "application/json",
-              },
-              body: JSON.stringify(body),
-            },
-          );
-          console.log({ status: res.status });
-        } catch (e) {
-          console.log(e);
-        }
-      },
-      {
-        pending: (state) => {},
-        fulfilled: (state) => {},
-        rejected: (state) => {},
-      },
-    ),
-  }),
-
-  selectors: {
-    selectNotificationToken: (platform) => platform.notificationToken,
-    selectNotificationDestination: (platform) =>
-      platform.notificationDestination,
-  },
-});
-
-export const {
-  openLoginLink,
-  initPushNotifications,
-  registerNotificationToken,
-  handleNotification,
-  clearNotification,
-} = platformSlice.actions;
-
-export const { selectNotificationToken, selectNotificationDestination } =
-  platformSlice.selectors;
diff --git a/js/app/features/platform/platformSlice.tsx b/js/app/features/platform/platformSlice.tsx
deleted file mode 100644
index ae5c8fa41..000000000
--- a/js/app/features/platform/platformSlice.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { createAppSlice } from "../../hooks/createSlice";
-import { initialState } from "./shared";
-
-export const platformSlice = createAppSlice({
-  name: "platform",
-  initialState,
-  reducers: (create) => ({
-    handleNotification: create.reducer(
-      (
-        state,
-        action: { payload: { [key: string]: string | object } | undefined },
-      ) => {
-        return state;
-      },
-    ),
-    clearNotification: create.reducer((state) => {
-      return {
-        ...state,
-        notificationDestination: null,
-      };
-    }),
-    openLoginLink: create.asyncThunk(
-      async (url: string) => {
-        window.location.href = url;
-      },
-      {
-        pending: (state) => {
-          state.status = "loading";
-        },
-        fulfilled: (state) => {
-          state.status = "idle";
-        },
-        rejected: (state) => {
-          state.status = "failed";
-        },
-      },
-    ),
-
-    initPushNotifications: create.asyncThunk(
-      async () => {
-        // someday we'll do web notifications but for now it's mobile-only
-      },
-      {
-        pending: (state) => {},
-        fulfilled: (state) => {},
-        rejected: (state) => {},
-      },
-    ),
-
-    registerNotificationToken: create.asyncThunk(async () => {}, {
-      pending: (state) => {},
-      fulfilled: (state) => {},
-      rejected: (state) => {},
-    }),
-  }),
-
-  selectors: {
-    selectNotificationToken: (platform) => platform.notificationToken,
-    selectNotificationDestination: (platform) =>
-      platform.notificationDestination,
-  },
-});
-
-export const { openLoginLink, clearNotification } = platformSlice.actions;
-export const { selectNotificationToken, selectNotificationDestination } =
-  platformSlice.selectors;
diff --git a/js/app/features/streamplace/streamplaceProvider.tsx b/js/app/features/streamplace/streamplaceProvider.tsx
index f8c8a3264..ab7a2633a 100644
--- a/js/app/features/streamplace/streamplaceProvider.tsx
+++ b/js/app/features/streamplace/streamplaceProvider.tsx
@@ -2,13 +2,9 @@ import { Text } from "@streamplace/components";
 import Loading from "components/loading/loading";
 import { createContext, useEffect } from "react";
 import { View } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
-import {
-  DEFAULT_URL,
-  initialize,
-  selectInitialized,
-  selectUrl,
-} from "./streamplaceSlice";
+import { useStore } from "store";
+import { useStreamplaceInitialized, useStreamplaceUrl } from "store/hooks";
+import { DEFAULT_URL } from "store/slices/streamplaceSlice";
 
 export const StreamplaceContext = createContext({
   url: DEFAULT_URL,
@@ -19,14 +15,16 @@ export default function StreamplaceProvider({
 }: {
   children: React.ReactNode;
 }): React.ReactElement {
-  const url = useAppSelector(selectUrl);
-  const initialized = useAppSelector(selectInitialized);
-  const dispatch = useAppDispatch();
+  const url = useStreamplaceUrl();
+  const initialized = useStreamplaceInitialized();
+  const initialize = useStore((state) => state.initialize);
+
   useEffect(() => {
     if (!initialized) {
-      dispatch(initialize());
+      initialize();
     }
   }, [initialized]);
+
   if (!initialized) {
     return (
       <View style={[{ flex: 1 }]}>
@@ -35,6 +33,7 @@ export default function StreamplaceProvider({
       </View>
     );
   }
+
   return (
     <StreamplaceContext.Provider value={{ url: url }}>
       {children}
diff --git a/js/app/features/streamplace/streamplaceSlice.tsx b/js/app/features/streamplace/streamplaceSlice.tsx
deleted file mode 100644
index a4b533bbf..000000000
--- a/js/app/features/streamplace/streamplaceSlice.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-import { storage } from "@streamplace/components";
-import { BlueskyState } from "features/bluesky/blueskyTypes";
-import { Platform } from "react-native";
-import { PlaceStreamLivestream, PlaceStreamSegment } from "streamplace";
-import { createAppSlice } from "../../hooks/createSlice";
-
-let DEFAULT_URL = process.env.EXPO_PUBLIC_STREAMPLACE_URL as string;
-if (Platform.OS === "web" && process.env.EXPO_PUBLIC_WEB_TRY_LOCAL === "true") {
-  try {
-    DEFAULT_URL = `${window.location.protocol}//${window.location.host}`;
-  } catch (err) {
-    // Oh well, fall back to hardcoded.
-  }
-}
-export { DEFAULT_URL };
-
-export type Segment = {
-  id: string;
-  repoDID: string;
-  signingKeyDID: string;
-  startTime: string;
-  repo: Repo;
-  viewers: number;
-};
-
-export type Repo = {
-  did: string;
-  handle: string;
-  pds: string;
-  version: string;
-  rootCid: string;
-};
-
-export interface Identity {
-  id: string;
-  handle?: string;
-  did?: string;
-}
-
-export interface StreamplaceState {
-  url: string;
-  identity: Identity | null;
-  initialized: boolean;
-  recentSegments: {
-    segments: PlaceStreamLivestream.LivestreamView[];
-    error: string | null;
-    loading: boolean;
-    firstRequest: boolean;
-  };
-  mySegments: PlaceStreamSegment.SegmentView[];
-  userMuted: boolean | null;
-  chatWarned: boolean;
-}
-
-const initialState: StreamplaceState = {
-  url: DEFAULT_URL,
-  identity: null,
-  initialized: false,
-  recentSegments: {
-    segments: [],
-    error: null,
-    loading: false,
-    firstRequest: true,
-  },
-  mySegments: [],
-  userMuted: null,
-  chatWarned: false,
-};
-
-const USER_MUTED_KEY = "streamplaceUserMuted";
-const URL_KEY = "streamplaceUrl";
-const CHAT_WARNING_KEY = "streamplaceChatWarning2";
-
-export const streamplaceSlice = createAppSlice({
-  name: "streamplace",
-  initialState,
-  reducers: (create) => ({
-    initialize: create.asyncThunk(
-      async (_, { getState }) => {
-        let [url, userMutedStr, chatWarningStr] = await Promise.all([
-          storage.getItem(URL_KEY),
-          storage.getItem(USER_MUTED_KEY),
-          storage.getItem(CHAT_WARNING_KEY),
-        ]);
-        if (!url) {
-          url = DEFAULT_URL;
-        }
-        let userMuted: boolean | null = null;
-        console.log("userMutedStr", userMutedStr);
-        if (typeof userMutedStr === "string") {
-          userMuted = userMutedStr === "true";
-        } else {
-          userMuted = null;
-        }
-        let chatWarned: boolean = false;
-        if (typeof chatWarningStr === "string") {
-          chatWarned = chatWarningStr === "true";
-        }
-        return { url, userMuted, chatWarned };
-      },
-      {
-        pending: (state) => {
-          // state.status = "loading";
-        },
-        fulfilled: (state, action) => {
-          const { url, userMuted, chatWarned } = action.payload;
-          return {
-            ...state,
-            url,
-            userMuted,
-            initialized: true,
-            chatWarned,
-          };
-        },
-        rejected: (_, { error }) => {
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    setURL: create.reducer((state, action: { payload: string }) => {
-      console.log("setURL", action);
-      storage.setItem(URL_KEY, action.payload).catch((err) => {
-        console.error("setURL error", err);
-      });
-      return {
-        ...state,
-        url: action.payload,
-      };
-    }),
-
-    userMute: create.reducer((state, action: { payload: boolean }) => {
-      storage
-        .setItem(USER_MUTED_KEY, JSON.stringify(action.payload))
-        .catch((err) => {
-          console.error("userMute error", err);
-        });
-      return {
-        ...state,
-        userMuted: action.payload,
-      };
-    }),
-
-    chatWarn: create.reducer((state, action: { payload: boolean }) => {
-      storage
-        .setItem(CHAT_WARNING_KEY, JSON.stringify(action.payload))
-        .catch((err) => {
-          console.error("chatWarn error", err);
-        });
-      return {
-        ...state,
-        chatWarned: action.payload,
-      };
-    }),
-
-    getIdentity: create.asyncThunk(
-      async (_, { getState }) => {
-        const { streamplace } = getState() as {
-          streamplace: StreamplaceState;
-        };
-        const res = await fetch(`${streamplace.url}/api/identity`);
-        return await res.json();
-      },
-      {
-        pending: (state) => {
-          // state.status = "loading";
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            identity: action.payload,
-          };
-        },
-        rejected: (state) => {
-          console.error("loadOAuthClient rejected");
-          // state.status = "failed";
-        },
-      },
-    ),
-
-    pollMySegments: create.asyncThunk(
-      async (_, { getState, dispatch }) => {
-        const { streamplace } = getState() as {
-          streamplace: StreamplaceState;
-        };
-        const { bluesky } = getState() as {
-          bluesky: BlueskyState;
-        };
-
-        if (!bluesky.pdsAgent) {
-          throw new Error("no pdsAgent");
-        }
-        if (!bluesky.oauthSession) {
-          throw new Error("no oauthSession");
-        }
-        return await bluesky.pdsAgent.place.stream.live.getSegments({
-          userDID: bluesky.oauthSession?.did ?? "",
-        });
-      },
-      {
-        pending: (state) => {
-          return {
-            ...state,
-          };
-        },
-        fulfilled: (state, action) => {
-          return {
-            ...state,
-            mySegments: action.payload.data.segments ?? [],
-          };
-        },
-        rejected: (state, err) => {
-          // console.error("pollMySegments rejected", err);
-          return {
-            ...state,
-          };
-        },
-      },
-    ),
-  }),
-
-  selectors: {
-    selectStreamplace: (streamplace) => streamplace,
-    selectUrl: (streamplace) => streamplace.url,
-    selectInitialized: (streamplace) => streamplace.initialized,
-    selectRecentSegments: (streamplace) => streamplace.recentSegments,
-    selectMySegments: (streamplace) => streamplace.mySegments,
-    selectUserMuted: (streamplace) => streamplace.userMuted,
-    selectChatWarned: (streamplace) => streamplace.chatWarned,
-  },
-});
-
-// Action creators are generated for each case reducer function.
-export const {
-  getIdentity,
-  setURL,
-  initialize,
-  pollMySegments,
-  userMute,
-  chatWarn,
-} = streamplaceSlice.actions;
-export const {
-  selectStreamplace,
-  selectMySegments,
-  selectUserMuted,
-  selectChatWarned,
-  selectUrl,
-  selectInitialized,
-} = streamplaceSlice.selectors;
diff --git a/js/app/hooks/createSlice.tsx b/js/app/hooks/createSlice.tsx
deleted file mode 100644
index 4945e7449..000000000
--- a/js/app/hooks/createSlice.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { asyncThunkCreator, buildCreateSlice } from "@reduxjs/toolkit";
-
-// `buildCreateSlice` allows us to create a slice with async thunks.
-export const createAppSlice = buildCreateSlice({
-  creators: { asyncThunk: asyncThunkCreator },
-});
diff --git a/js/app/hooks/useAvatars.tsx b/js/app/hooks/useAvatars.tsx
index 7a6f63762..c11015e37 100644
--- a/js/app/hooks/useAvatars.tsx
+++ b/js/app/hooks/useAvatars.tsx
@@ -1,16 +1,12 @@
 import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
-import {
-  getProfiles,
-  selectCachedProfiles,
-} from "features/bluesky/blueskySlice";
 import { useEffect, useMemo } from "react";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import { useCachedProfiles } from "store/hooks";
 
 // Hack: Easy way to cache and get avatars
 export default function useAvatars(dids: string[]) {
-  const dispatch = useAppDispatch();
-  const profiles: Record<string, ProfileViewDetailed> =
-    useAppSelector(selectCachedProfiles);
+  const getProfiles = useStore((state) => state.getProfiles);
+  const profiles: Record<string, ProfileViewDetailed> = useCachedProfiles();
 
   const missingDids = useMemo(
     () => dids.filter((did) => !(did in profiles)),
@@ -20,9 +16,9 @@ export default function useAvatars(dids: string[]) {
   useEffect(() => {
     if (missingDids.length > 0) {
       console.log("Fetching profiles for DIDs:", missingDids);
-      dispatch(getProfiles(missingDids)).then((e) => console.log("ok", e));
+      getProfiles(missingDids).then((e) => console.log("ok", e));
     }
-  }, [missingDids, dispatch]);
+  }, [missingDids]);
 
   return profiles;
 }
diff --git a/js/app/hooks/useLiveUser.tsx b/js/app/hooks/useLiveUser.tsx
index 2189403c8..cdc287390 100644
--- a/js/app/hooks/useLiveUser.tsx
+++ b/js/app/hooks/useLiveUser.tsx
@@ -1,10 +1,9 @@
-import { selectMySegments } from "features/streamplace/streamplaceSlice";
-import { useAppSelector } from "store/hooks";
+import { useStore } from "store";
 import { PlaceStreamSegment } from "streamplace";
 
 // composite selector that tells us when the current user is live
 export const useLiveUser = (): boolean => {
-  const mySegments = useAppSelector(selectMySegments);
+  const mySegments = useStore((state) => state.mySegments);
   if (mySegments.length === 0) {
     return false;
   }
diff --git a/js/app/hooks/useSidebarControl.tsx b/js/app/hooks/useSidebarControl.tsx
index 1356fa40c..c8c3c649e 100644
--- a/js/app/hooks/useSidebarControl.tsx
+++ b/js/app/hooks/useSidebarControl.tsx
@@ -5,15 +5,12 @@ import {
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
-import { useDispatch, useSelector } from "react-redux";
-
+import { useStore } from "store";
 import {
-  selectIsSidebarCollapsed,
-  selectIsSidebarHidden,
-  selectSidebarTargetWidth,
-  toggleSidebar,
-} from "../features/base/sidebarSlice";
-import { RootState } from "../store/store";
+  useIsSidebarCollapsed,
+  useIsSidebarHidden,
+  useSidebarTargetWidth,
+} from "store/hooks";
 
 // Returns *true* if the screen is > 1024px
 function useIsLargeScreen() {
@@ -41,17 +38,11 @@ export interface UseSidebarOutput {
  * - toggle: () => void - A function to dispatch the Redux action to toggle the sidebar.
  */
 export function useSidebarControl(): UseSidebarOutput {
-  const dispatch = useDispatch();
-  const isCollapsed = useSelector((state: RootState) =>
-    selectIsSidebarCollapsed(state),
-  );
-  const targetWidth = useSelector((state: RootState) =>
-    selectSidebarTargetWidth(state),
-  );
+  const toggleSidebar = useStore((state) => state.toggleSidebar);
+  const isCollapsed = useIsSidebarCollapsed();
+  const targetWidth = useSidebarTargetWidth();
 
-  const isHidden = useSelector((state: RootState) =>
-    selectIsSidebarHidden(state),
-  );
+  const isHidden = useIsSidebarHidden();
 
   const animatedWidth = useSharedValue(targetWidth);
 
@@ -69,7 +60,7 @@ export function useSidebarControl(): UseSidebarOutput {
   const handleToggle = () => {
     if (isActive) {
       // Only allow toggle if the sidebar functionality is active
-      dispatch(toggleSidebar());
+      toggleSidebar();
     }
   };
 
diff --git a/js/app/package.json b/js/app/package.json
index e64c2e2e7..1e2e0fa7d 100644
--- a/js/app/package.json
+++ b/js/app/package.json
@@ -46,7 +46,6 @@
     "@react-navigation/drawer": "^6.7.2",
     "@react-navigation/native": "^6.1.18",
     "@react-navigation/native-stack": "^6.11.0",
-    "@reduxjs/toolkit": "^2.3.0",
     "@sentry/react-native": "^6.14.0",
     "@streamplace/atproto-oauth-client-react-native": "workspace:*",
     "@streamplace/components": "workspace:*",
@@ -105,7 +104,6 @@
     "react-native-web": "^0.20.0",
     "react-native-webrtc": "git+https://github.com/streamplace/react-native-webrtc.git#6b8472a771ac47f89217d327058a8a4124a6ae56",
     "react-native-webview": "13.15.0",
-    "react-redux": "^9.1.2",
     "react-use-websocket": "^4.13.0",
     "reanimated-color-picker": "^4.0.0",
     "rtcaudiodevice": "git+https://github.com/streamplace/RTCAudioDevice.git#918e08a0f6f0818fb495a0db0b696b44d11d1336",
@@ -114,7 +112,8 @@
     "streamplace": "workspace:*",
     "ua-parser-js": "^2.0.0-rc.1",
     "uuid": "^11.0.2",
-    "viem": "^2.21.44"
+    "viem": "^2.21.44",
+    "zustand": "^5.0.5"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
diff --git a/js/app/src/router.tsx b/js/app/src/router.tsx
index 60c64d78c..4f8928055 100644
--- a/js/app/src/router.tsx
+++ b/js/app/src/router.tsx
@@ -22,16 +22,6 @@ import Login from "components/login/login";
 import { DeveloperSettings } from "components/settings/developer";
 import Sidebar, { ExternalDrawerItem } from "components/sidebar/sidebar";
 import * as ExpoLinking from "expo-linking";
-import { hydrate, selectHydrated } from "features/base/baseSlice";
-import { selectUserProfile } from "features/bluesky/blueskySlice";
-import {
-  clearNotification,
-  initPushNotifications,
-  registerNotificationToken,
-  selectNotificationDestination,
-  selectNotificationToken,
-} from "features/platform/platformSlice.native";
-import { pollMySegments } from "features/streamplace/streamplaceSlice";
 import { useLiveUser } from "hooks/useLiveUser";
 import usePlatform from "hooks/usePlatform";
 import { useSidebarControl } from "hooks/useSidebarControl";
@@ -60,7 +50,13 @@ import {
   StatusBar,
   View,
 } from "react-native";
-import { useAppDispatch, useAppSelector } from "store/hooks";
+import { useStore } from "store";
+import {
+  useHydrated,
+  useNotificationDestination,
+  useNotificationToken,
+  useUserProfile,
+} from "store/hooks";
 import AboutScreen from "./screens/about";
 import AppReturnScreen from "./screens/app-return";
 import PopoutChat from "./screens/chat-popout";
@@ -72,8 +68,6 @@ import MultiScreen from "./screens/multi";
 import SupportScreen from "./screens/support";
 
 import KeyManager from "components/settings/key-manager";
-import { loadStateFromStorage } from "features/base/sidebarSlice";
-import { store } from "store/store";
 import HomeScreen from "./screens/home";
 
 import { useUrl } from "@streamplace/components";
@@ -87,7 +81,9 @@ import {
 import DanmuOBSScreen from "./screens/danmu-obs";
 import MobileGoLive from "./screens/mobile-go-live";
 import MobileStream from "./screens/mobile-stream";
-store.dispatch(loadStateFromStorage());
+
+// Initialize sidebar state on app load
+useStore.getState().loadStateFromStorage();
 
 const Stack = createNativeStackNavigator();
 
@@ -243,7 +239,7 @@ const NavigationButton = ({ canGoBack }: { canGoBack?: boolean }) => {
 };
 
 const AvatarButton = () => {
-  const userProfile = useAppSelector(selectUserProfile);
+  const userProfile = useUserProfile();
   let source: ImageSourcePropType | undefined = undefined;
   let opacity = 1;
   if (userProfile) {
@@ -344,7 +340,6 @@ export function StreamplaceDrawer() {
   const theme = useTheme();
   const { isWeb, isElectron, isNative, isBrowser } = usePlatform();
   const navigation = useNavigation();
-  const dispatch = useAppDispatch();
   const [livePopup, setLivePopup] = useState(false);
 
   const sidebar = useSidebarControl();
@@ -354,22 +349,31 @@ export function StreamplaceDrawer() {
   SystemBars.setStyle("dark");
 
   // Top-level stuff to handle push notification registration
+  const hydrate = useStore((state) => state.hydrate);
+  const initPushNotifications = useStore(
+    (state) => state.initPushNotifications,
+  );
+  const registerNotificationToken = useStore(
+    (state) => state.registerNotificationToken,
+  );
+
   useEffect(() => {
-    dispatch(hydrate());
-    dispatch(initPushNotifications());
+    hydrate();
+    initPushNotifications();
   }, []);
-  const notificationToken = useAppSelector(selectNotificationToken);
-  const userProfile = useAppSelector(selectUserProfile);
-  const hydrated = useAppSelector(selectHydrated);
+  const notificationToken = useNotificationToken();
+  const userProfile = useUserProfile();
+  const hydrated = useHydrated();
   useEffect(() => {
     if (notificationToken) {
-      dispatch(registerNotificationToken());
+      registerNotificationToken();
     }
   }, [notificationToken, userProfile]);
 
   // Stuff to handle incoming push notification routing
-  const notificationDestination = useAppSelector(selectNotificationDestination);
+  const notificationDestination = useNotificationDestination();
   const linkTo = useLinkTo();
+  const clearNotification = useStore((state) => state.clearNotification);
 
   const animatedDrawerStyle = useAnimatedStyle(() => {
     return {
@@ -380,17 +384,18 @@ export function StreamplaceDrawer() {
   useEffect(() => {
     if (notificationDestination) {
       linkTo(notificationDestination);
-      dispatch(clearNotification());
+      clearNotification();
     }
   }, [notificationDestination]);
 
   // Top-level stuff to handle polling for live streamers
+  const pollMySegments = useStore((state) => state.pollMySegments);
   useEffect(() => {
     let handle: NodeJS.Timeout;
     handle = setInterval(() => {
-      dispatch(pollMySegments());
+      pollMySegments();
     }, 2500);
-    dispatch(pollMySegments());
+    pollMySegments();
     return () => clearInterval(handle);
   }, []);
 
diff --git a/js/app/src/screens/chat-popout.native.tsx b/js/app/src/screens/chat-popout.native.tsx
index d3d806e4e..31e8540f5 100644
--- a/js/app/src/screens/chat-popout.native.tsx
+++ b/js/app/src/screens/chat-popout.native.tsx
@@ -13,12 +13,11 @@ import {
 } from "@streamplace/components";
 import emojiData from "assets/emoji-data.json";
 import LiveDot from "components/home/live-dot";
-import { selectUserProfile } from "features/bluesky/blueskySlice";
 import { ArrowLeft } from "lucide-react-native";
 import { useCallback, useEffect, useRef } from "react";
 import { KeyboardAvoidingView, Pressable, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useAppSelector } from "store/hooks";
+import { useUserProfile } from "store/hooks";
 
 export default function PopoutChat({ route }) {
   const user = route.params?.user;
@@ -47,7 +46,7 @@ export default function PopoutChat({ route }) {
 
 export function PopoutChatInner({ user }: { user: string }) {
   const setSrc = usePlayerStore((x) => x.setSrc);
-  const profile = useAppSelector(selectUserProfile);
+  const profile = useUserProfile();
   const navigation = useNavigation();
   const { ingest, profile: streamProfile } = useLivestreamInfo();
   const status = usePlayerStore((x) => x.status);
diff --git a/js/app/src/screens/chat-popout.tsx b/js/app/src/screens/chat-popout.tsx
index a20f02c07..329a4b443 100644
--- a/js/app/src/screens/chat-popout.tsx
+++ b/js/app/src/screens/chat-popout.tsx
@@ -7,10 +7,9 @@ import {
   zero,
 } from "@streamplace/components";
 import emojiData from "assets/emoji-data.json";
-import { selectUserProfile } from "features/bluesky/blueskySlice";
 import { useEffect } from "react";
 import { View } from "react-native";
-import { useAppSelector } from "store/hooks";
+import { useUserProfile } from "store/hooks";
 
 export default function PopoutChat({ route }) {
   const user = route.params?.user;
@@ -29,7 +28,7 @@ export default function PopoutChat({ route }) {
 
 export function PopoutChatInner({ user }: { user: string }) {
   const setSrc = usePlayerStore((x) => x.setSrc);
-  const profile = useAppSelector(selectUserProfile);
+  const profile = useUserProfile();
   useEffect(() => {
     setSrc(user);
   }, [user]);
diff --git a/js/app/src/screens/embed.tsx b/js/app/src/screens/embed.tsx
index 0d8bf6a79..1114028bb 100644
--- a/js/app/src/screens/embed.tsx
+++ b/js/app/src/screens/embed.tsx
@@ -5,13 +5,9 @@ import {
   PlayerProvider,
 } from "@streamplace/components";
 import { DesktopUi } from "components/mobile/desktop-ui";
-import {
-  setSidebarHidden,
-  setSidebarUnhidden,
-} from "features/base/sidebarSlice";
 import { useEffect } from "react";
 import { Platform } from "react-native";
-import { useAppDispatch } from "store/hooks";
+import { useStore } from "store";
 import { queryToProps } from "./util";
 
 const isWeb = Platform.OS === "web";
@@ -19,12 +15,13 @@ const isWeb = Platform.OS === "web";
 export default function EmbedScreen({ route }) {
   const { user, protocol, url } = route.params;
   let extraProps: Partial<PlayerProps> = {};
-  const dispatch = useAppDispatch();
+  const setSidebarHidden = useStore((state) => state.setSidebarHidden);
+  const setSidebarUnhidden = useStore((state) => state.setSidebarUnhidden);
   useEffect(() => {
-    dispatch(setSidebarHidden());
+    setSidebarHidden();
     () => {
       // on unmount, unhide the sidebar
-      dispatch(setSidebarUnhidden());
+      setSidebarUnhidden();
     };
   }, []);
   if (isWeb) {
diff --git a/js/app/src/screens/live-dashboard.tsx b/js/app/src/screens/live-dashboard.tsx
index 84db86bb9..bd0fe9036 100644
--- a/js/app/src/screens/live-dashboard.tsx
+++ b/js/app/src/screens/live-dashboard.tsx
@@ -7,20 +7,16 @@ import { Redirect } from "components/aqlink";
 import BentoGrid from "components/live-dashboard/bento-grid";
 import Loading from "components/loading/loading";
 import { VideoElementProvider } from "contexts/VideoElementContext";
-import {
-  selectIsReady,
-  selectUserProfile,
-} from "features/bluesky/blueskySlice";
 import { useLiveUser } from "hooks/useLiveUser";
 import { useCallback, useState } from "react";
 import { View } from "react-native";
-import { useAppSelector } from "store/hooks";
+import { useIsReady, useUserProfile } from "store/hooks";
 
 const { flex, bg } = zero;
 
 export default function LiveDashboard() {
-  const isReady = useAppSelector(selectIsReady);
-  const userProfile = useAppSelector(selectUserProfile);
+  const isReady = useIsReady();
+  const userProfile = useUserProfile();
   const isLive = useLiveUser();
   const [videoElement, setVideoElement] = useState<HTMLVideoElement | null>(
     null,
diff --git a/js/app/src/screens/mobile-go-live.tsx b/js/app/src/screens/mobile-go-live.tsx
index a3f579553..1ba7932b2 100644
--- a/js/app/src/screens/mobile-go-live.tsx
+++ b/js/app/src/screens/mobile-go-live.tsx
@@ -2,11 +2,10 @@ import { KeepAwake } from "@streamplace/components";
 import { Redirect } from "components/aqlink";
 import { Player } from "components/mobile/player";
 import { FullscreenProvider } from "contexts/FullscreenContext";
-import { selectUserProfile } from "features/bluesky/blueskySlice";
-import { useAppSelector } from "store/hooks";
+import { useUserProfile } from "store/hooks";
 
 export default function MobileGoLive() {
-  const userProfile = useAppSelector(selectUserProfile);
+  const userProfile = useUserProfile();
 
   if (!userProfile) {
     return <Redirect to={{ screen: "Login" }} />;
diff --git a/js/app/store/hooks.ts b/js/app/store/hooks.ts
new file mode 100644
index 000000000..37e1b90dc
--- /dev/null
+++ b/js/app/store/hooks.ts
@@ -0,0 +1,79 @@
+import { useStore } from "./index";
+
+// Base selectors
+export const useHydrated = () => useStore((state) => state.hydrated);
+
+// Sidebar selectors
+export const useIsSidebarCollapsed = () =>
+  useStore((state) => state.isCollapsed);
+export const useSidebarTargetWidth = () =>
+  useStore((state) => state.targetWidth);
+export const useIsSidebarLoaded = () => useStore((state) => state.isLoaded);
+export const useIsSidebarHidden = () => useStore((state) => state.isHidden);
+
+// Bluesky selectors
+export const useOAuthSession = () => useStore((state) => state.oauthSession);
+export const usePDS = () => useStore((state) => state.pds);
+export const useLogin = () => useStore((state) => state.loginState);
+export const useProfiles = () => useStore((state) => state.profiles);
+export const useStoredKey = () => useStore((state) => state.storedKey);
+export const useKeyRecords = () =>
+  useStore((state) => state.streamKeysResponse);
+export const useServerSettings = () =>
+  useStore((state) => state.serverSettings);
+export const useUserProfile = () => {
+  const oauthSession = useOAuthSession();
+  const profiles = useProfiles();
+  const did = oauthSession?.did;
+  if (!did) return null;
+  return profiles[did];
+};
+export const useIsReady = () => {
+  const authStatus = useStore((state) => state.authStatus);
+  const oauthSession = useOAuthSession();
+  const profile = useUserProfile();
+
+  if (authStatus === "start") {
+    return false;
+  } else if (authStatus === "loggedOut") {
+    return true;
+  }
+  if (!oauthSession) {
+    return false;
+  }
+  if (!profile) {
+    return false;
+  }
+  return true;
+};
+export const useNewLivestream = () => useStore((state) => state.newLivestream);
+export const useChatProfile = () => useStore((state) => state.chatProfile);
+export const useCachedProfiles = () => useStore((state) => state.profileCache);
+
+// ContentMetadata selectors
+export const useContentMetadata = () =>
+  useStore((state) => ({
+    creating: state.creating,
+    updating: state.updating,
+    error: state.error,
+    lastCreatedRecord: state.lastCreatedRecord,
+  }));
+export const useIsCreating = () => useStore((state) => state.creating);
+export const useIsUpdating = () => useStore((state) => state.updating);
+export const useContentMetadataError = () => useStore((state) => state.error);
+export const useLastCreatedRecord = () =>
+  useStore((state) => state.lastCreatedRecord);
+
+// Streamplace selectors
+export const useStreamplaceUrl = () => useStore((state) => state.url);
+export const useStreamplaceInitialized = () =>
+  useStore((state) => state.initialized);
+export const useUserMuted = () => useStore((state) => state.userMuted);
+export const useChatWarned = () => useStore((state) => state.chatWarned);
+export const useMySegments = () => useStore((state) => state.mySegments);
+
+// Platform selectors
+export const useNotificationToken = () =>
+  useStore((state) => state.notificationToken);
+export const useNotificationDestination = () =>
+  useStore((state) => state.notificationDestination);
diff --git a/js/app/store/hooks.tsx b/js/app/store/hooks.tsx
deleted file mode 100644
index 09cc6b383..000000000
--- a/js/app/store/hooks.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-// This file serves as a central hub for re-exporting pre-typed Redux hooks.
-// These imports are restricted elsewhere to ensure consistent
-// usage of typed hooks throughout the application.
-// We disable the ESLint rule here because this is the designated place
-// for importing and re-exporting the typed versions of hooks.
-/* eslint-disable @typescript-eslint/no-restricted-imports */
-import { useDispatch, useSelector } from "react-redux";
-import type { AppDispatch, RootState } from "./store";
-
-// Use throughout your app instead of plain `useDispatch` and `useSelector`
-export const useAppDispatch = useDispatch.withTypes<AppDispatch>();
-export const useAppSelector = useSelector.withTypes<RootState>();
diff --git a/js/app/store/index.ts b/js/app/store/index.ts
new file mode 100644
index 000000000..5537e900b
--- /dev/null
+++ b/js/app/store/index.ts
@@ -0,0 +1,39 @@
+import { create } from "zustand";
+import { BaseSlice, createBaseSlice } from "./slices/baseSlice";
+import { BlueskySlice, createBlueskySlice } from "./slices/blueskySlice";
+import {
+  ContentMetadataSlice,
+  createContentMetadataSlice,
+} from "./slices/contentMetadataSlice";
+import { PlatformSlice, createPlatformSlice } from "./slices/platformSlice";
+import { SidebarSlice, createSidebarSlice } from "./slices/sidebarSlice";
+import {
+  StreamplaceSlice,
+  createStreamplaceSlice,
+} from "./slices/streamplaceSlice";
+
+// Combined store type
+export type AppStore = BaseSlice &
+  SidebarSlice &
+  BlueskySlice &
+  ContentMetadataSlice &
+  StreamplaceSlice &
+  PlatformSlice;
+
+// Create the combined store
+export const useStore = create<AppStore>()((...a) => ({
+  ...createBaseSlice(...a),
+  ...createSidebarSlice(...a),
+  ...createBlueskySlice(...a),
+  ...createContentMetadataSlice(...a),
+  ...createStreamplaceSlice(...a),
+  ...createPlatformSlice(...a),
+}));
+
+// Export everything from slices for convenience
+export * from "./slices/baseSlice";
+export * from "./slices/blueskySlice";
+export * from "./slices/contentMetadataSlice";
+export * from "./slices/platformSlice";
+export * from "./slices/sidebarSlice";
+export * from "./slices/streamplaceSlice";
diff --git a/js/app/store/listener.ts b/js/app/store/listener.ts
deleted file mode 100644
index 4231ff498..000000000
--- a/js/app/store/listener.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { createListenerMiddleware, isAnyOf } from "@reduxjs/toolkit";
-import { storage } from "@streamplace/components";
-import { SIDEBAR_STORAGE_KEY, sidebarSlice } from "features/base/sidebarSlice";
-import { RootState } from "./store";
-
-export const listenerMiddleware = createListenerMiddleware();
-
-listenerMiddleware.startListening({
-  matcher: isAnyOf(sidebarSlice.actions.toggleSidebar),
-  effect: async (action, listenerApi) => {
-    const state = listenerApi.getState() as RootState;
-    const sidebarStateToSave = state.sidebar;
-
-    try {
-      await storage.setItem(
-        SIDEBAR_STORAGE_KEY,
-        JSON.stringify(sidebarStateToSave),
-      );
-      console.log("Sidebar state saved to localStorage.");
-    } catch (error) {
-      console.error("Failed to save sidebar state to storage:", error);
-    }
-  },
-});
diff --git a/js/app/store/slices/baseSlice.ts b/js/app/store/slices/baseSlice.ts
new file mode 100644
index 000000000..cfc131b20
--- /dev/null
+++ b/js/app/store/slices/baseSlice.ts
@@ -0,0 +1,32 @@
+import { storage } from "@streamplace/components";
+import { StateCreator } from "zustand";
+
+export const STORED_KEY_KEY = "storedKey";
+export const DID_KEY = "did";
+
+export interface StreamKey {
+  privateKey: string;
+  did: string;
+  address: string;
+}
+
+export interface BaseSlice {
+  hydrated: boolean;
+  hydrate: () => Promise<void>;
+}
+
+export const createBaseSlice: StateCreator<BaseSlice> = (set, get) => ({
+  hydrated: false,
+  hydrate: async () => {
+    try {
+      let storedKey: StreamKey | null = null;
+      const storedKeyStr = await storage.getItem(STORED_KEY_KEY);
+      if (storedKeyStr) {
+        storedKey = JSON.parse(storedKeyStr);
+      }
+      set({ hydrated: true });
+    } catch (e) {
+      set({ hydrated: false });
+    }
+  },
+});
diff --git a/js/app/store/slices/blueskySlice.ts b/js/app/store/slices/blueskySlice.ts
new file mode 100644
index 000000000..9969922de
--- /dev/null
+++ b/js/app/store/slices/blueskySlice.ts
@@ -0,0 +1,1141 @@
+import {
+  Agent,
+  AppBskyFeedPost,
+  AppBskyGraphBlock,
+  BlobRef,
+  RichText,
+} from "@atproto/api";
+import { ProfileViewDetailed } from "@atproto/api/dist/client/types/app/bsky/actor/defs";
+import { OutputSchema } from "@atproto/api/dist/client/types/com/atproto/repo/listRecords";
+import { bytesToMultibase, Secp256k1Keypair } from "@atproto/crypto";
+import { OAuthSession } from "@atproto/oauth-client";
+import { storage } from "@streamplace/components";
+import { Platform } from "react-native";
+import {
+  PlaceStreamChatProfile,
+  PlaceStreamKey,
+  PlaceStreamLivestream,
+  PlaceStreamServerSettings,
+  StreamplaceAgent,
+} from "streamplace";
+import { privateKeyToAccount } from "viem/accounts";
+import { StateCreator } from "zustand";
+import createOAuthClient, {
+  StreamplaceOAuthClient,
+} from "../../features/bluesky/oauthClient";
+import { DID_KEY, STORED_KEY_KEY, StreamKey } from "./baseSlice";
+
+type NewLivestream = {
+  loading: boolean;
+  error: string | null;
+  record: PlaceStreamLivestream.Record | null;
+};
+
+export interface BlueskySlice {
+  authStatus: "start" | "loggedIn" | "loggedOut";
+  oauthState: null | string;
+  oauthSession?: null | OAuthSession;
+  pdsAgent: null | StreamplaceAgent;
+  anonPDSAgent: null | StreamplaceAgent;
+  profiles: { [key: string]: ProfileViewDetailed };
+  profileCache: { [key: string]: ProfileViewDetailed };
+  client: null | StreamplaceOAuthClient;
+  loginState: {
+    loading: boolean;
+    error: null | string;
+  };
+  pds: {
+    url: string;
+    loading: boolean;
+    error: null | string;
+  };
+  newKey: null | StreamKey;
+  storedKey: null | StreamKey;
+  isDeletingKey: boolean;
+  streamKeysResponse: {
+    loading: boolean;
+    error: null | string;
+    records: null | OutputSchema;
+  };
+  newLivestream: null | NewLivestream;
+  chatProfile: {
+    loading: boolean;
+    error: null | string;
+    profile: null | PlaceStreamChatProfile.Record;
+  };
+  serverSettings: null | PlaceStreamServerSettings.Record;
+  // actions
+  loadOAuthClient: (streamplaceUrl: string) => Promise<void>;
+  oauthError: (error: string, description: string) => void;
+  login: (
+    handle: string,
+    streamplaceUrl: string,
+    openLoginLink: (url: string) => Promise<void>,
+  ) => Promise<void>;
+  logout: () => Promise<void>;
+  getProfile: (actor: string) => Promise<void>;
+  getProfiles: (actors: string[]) => Promise<void>;
+  oauthCallback: (url: string, streamplaceUrl: string) => Promise<void>;
+  golivePost: (
+    text: string,
+    now: Date,
+    thumbnail?: BlobRef,
+    streamplaceUrl?: string,
+  ) => Promise<{ uri: string; cid: string }>;
+  createBlockRecord: (subjectDID: string) => Promise<void>;
+  createStreamKeyRecord: (store: boolean) => Promise<void>;
+  clearStreamKeyRecord: () => void;
+  getStreamKeyRecords: () => Promise<void>;
+  deleteStreamKeyRecord: (rkey: string) => Promise<void>;
+  setPDS: (pds: string) => Promise<void>;
+  createLivestreamRecord: (
+    title: string,
+    customThumbnail?: Blob,
+    streamplaceUrl?: string,
+  ) => Promise<void>;
+  updateLivestreamRecord: (
+    title: string,
+    livestream: any,
+    streamplaceUrl?: string,
+  ) => Promise<void>;
+  getChatProfileRecordFromPDS: () => Promise<void>;
+  createChatProfileRecord: (
+    red: number,
+    green: number,
+    blue: number,
+  ) => Promise<void>;
+  followUser: (subjectDID: string) => Promise<void>;
+  unfollowUser: (
+    subjectDID: string,
+    followUri?: string,
+    streamplaceUrl?: string,
+  ) => Promise<void>;
+  getServerSettingsFromPDS: (streamplaceUrl?: string) => Promise<void>;
+  createServerSettingsRecord: (
+    debugRecording: boolean,
+    streamplaceUrl?: string,
+  ) => Promise<void>;
+}
+
+const clearQueryParams = () => {
+  if (Platform.OS !== "web") {
+    return;
+  }
+  const u = new URL(document.location.href);
+  const params = new URLSearchParams(u.search);
+  if (u.search === "") {
+    return;
+  }
+  params.delete("iss");
+  params.delete("state");
+  params.delete("code");
+  u.search = params.toString();
+  window.history.replaceState(null, "", u.toString());
+};
+
+const uploadThumbnail = async (
+  handle: string,
+  u: URL,
+  pdsAgent: StreamplaceAgent,
+  profile: ProfileViewDetailed,
+  customThumbnail?: Blob,
+) => {
+  if (customThumbnail) {
+    let tries = 0;
+    try {
+      let thumbnail = await pdsAgent.uploadBlob(customThumbnail);
+
+      while (
+        thumbnail.data.blob.size === 0 &&
+        customThumbnail.size !== 0 &&
+        tries < 3
+      ) {
+        console.warn(
+          "Reuploading blob as blob sizes don't match! Blob size recieved is",
+          thumbnail.data.blob.size,
+          "and sent blob size is",
+          customThumbnail.size,
+        );
+        thumbnail = await pdsAgent.uploadBlob(customThumbnail);
+      }
+
+      if (tries === 3) {
+        throw new Error("Could not successfully upload blob (tried thrice)");
+      }
+
+      if (thumbnail.success) {
+        console.log("Successfully uploaded thumbnail");
+        return thumbnail.data.blob;
+      }
+    } catch (e) {
+      throw new Error("Error uploading thumbnail: " + e);
+    }
+  }
+};
+
+export const createBlueskySlice: StateCreator<BlueskySlice> = (set, get) => ({
+  authStatus: "start",
+  oauthState: null,
+  oauthSession: undefined,
+  pdsAgent: null,
+  anonPDSAgent: null,
+  profiles: {},
+  profileCache: {},
+  client: null,
+  loginState: {
+    loading: false,
+    error: null,
+  },
+  pds: {
+    url: "bsky.social",
+    loading: false,
+    error: null,
+  },
+  newKey: null,
+  storedKey: null,
+  isDeletingKey: false,
+  streamKeysResponse: {
+    loading: true,
+    error: null,
+    records: null,
+  },
+  newLivestream: null,
+  chatProfile: {
+    loading: false,
+    error: null,
+    profile: null,
+  },
+  serverSettings: null,
+
+  loadOAuthClient: async (streamplaceUrl: string) => {
+    set({ authStatus: "start" });
+    try {
+      const client = await createOAuthClient(streamplaceUrl);
+      const anonPDSAgent = new StreamplaceAgent(streamplaceUrl);
+      const maybeDIDs = await Promise.all([
+        storage.getItem(DID_KEY),
+        storage.getItem("@@atproto/oauth-client-browser(sub)"),
+        storage.getItem("@@atproto/oauth-client-react-native:did:(sub)"),
+      ]);
+      const did = maybeDIDs.find((d) => d !== null) || null;
+      let session: OAuthSession | null = null;
+      if (did) {
+        try {
+          session = await client.restore(did);
+        } catch (e) {
+          console.error("Error restoring session", e);
+        }
+      }
+      console.log("loadOAuthClient fulfilled", {
+        client,
+        session,
+        anonPDSAgent,
+      });
+      if (session) {
+        storage.setItem(DID_KEY, session.did).catch((e) => {
+          console.error("Error setting did", e);
+        });
+        set({
+          client,
+          authStatus: "loggedIn",
+          oauthSession: session,
+          pdsAgent: new StreamplaceAgent(session),
+          anonPDSAgent,
+        });
+      } else {
+        set({
+          oauthSession: session,
+          authStatus: "loggedOut",
+          client,
+          anonPDSAgent,
+        });
+      }
+    } catch (error) {
+      console.error("loadOAuthClient error", error);
+    }
+  },
+
+  oauthError: (error: string, description: string) => {
+    set({
+      loginState: {
+        loading: false,
+        error: description || error,
+      },
+      authStatus: "loggedOut",
+    });
+  },
+
+  login: async (
+    handle: string,
+    streamplaceUrl: string,
+    openLoginLink: (url: string) => Promise<void>,
+  ) => {
+    set({
+      loginState: {
+        loading: true,
+        error: null,
+      },
+    });
+    try {
+      const state = get() as BlueskySlice;
+      await state.loadOAuthClient(streamplaceUrl);
+      const updatedState = get() as BlueskySlice;
+      if (!updatedState.client) {
+        throw new Error("No client");
+      }
+      const u = await updatedState.client.authorize(handle, {});
+      if (document.location.href.startsWith("http://127.0.0.1")) {
+        const hostUrl = new URL(document.location.href);
+        u.host = hostUrl.host;
+        u.protocol = hostUrl.protocol;
+      }
+      await openLoginLink(u.toString());
+      // cheeky 500ms delay so you don't see the text flash back
+      await new Promise((resolve) => setTimeout(resolve, 5000));
+      set({
+        loginState: {
+          loading: false,
+          error: null,
+        },
+      });
+    } catch (error) {
+      console.error("login rejected", error);
+      set({
+        loginState: {
+          loading: false,
+          error: error?.message ?? null,
+        },
+      });
+    }
+  },
+
+  logout: async () => {
+    await storage.removeItem("did");
+    await storage.removeItem(STORED_KEY_KEY);
+    const state = get() as BlueskySlice;
+    if (!state.oauthSession) {
+      throw new Error("No oauth session");
+    }
+    await state.oauthSession.signOut();
+    set({
+      oauthSession: undefined,
+      pdsAgent: null,
+      authStatus: "loggedOut",
+    });
+  },
+
+  getProfile: async (actor: string) => {
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const result = await state.pdsAgent.getProfile({ actor });
+      clearQueryParams();
+      set((s) => ({
+        authStatus: "loggedIn",
+        profiles: {
+          ...(s as BlueskySlice).profiles,
+          [actor]: result.data,
+        },
+      }));
+    } catch (error) {
+      clearQueryParams();
+      set({ authStatus: "loggedOut" });
+    }
+  },
+
+  getProfiles: async (actors: string[]) => {
+    if (actors.length > 25) {
+      throw Error("Requested too many actors! (max 25 actors)");
+    }
+    try {
+      const bskyAgent = new Agent("https://public.api.bsky.app");
+      const payload = await bskyAgent.getProfiles({ actors });
+      let parsedProfiles = {};
+      console.log(payload);
+      payload.data.profiles.forEach((p) => {
+        parsedProfiles[p.did] = p;
+      });
+      set((s) => ({
+        profileCache: {
+          ...(s as BlueskySlice).profileCache,
+          ...parsedProfiles,
+        },
+      }));
+    } catch (error) {
+      console.error("getProfiles error", error);
+    }
+  },
+
+  oauthCallback: async (url: string, streamplaceUrl: string) => {
+    set({ authStatus: "start" });
+    try {
+      console.log("oauthCallback", url);
+      if (!url.includes("?")) {
+        throw new Error("No query params");
+      }
+      const params = new URLSearchParams(url.split("?")[1]);
+      if (!(params.has("code") && params.has("state") && params.has("iss"))) {
+        if (params.has("error")) {
+          const blueskySlice = get() as BlueskySlice;
+          blueskySlice.oauthError(
+            params.get("error") ?? "",
+            params.get("error_description") ?? "",
+          );
+        }
+        throw new Error("Missing params, got: " + url);
+      }
+      const client = await createOAuthClient(streamplaceUrl);
+      try {
+        const ret = await client.callback(params);
+        await storage.setItem(DID_KEY, ret.session.did);
+        console.log("oauthCallback fulfilled", {
+          session: ret.session,
+          client,
+        });
+        set({
+          client,
+          oauthSession: ret.session,
+          pdsAgent: new StreamplaceAgent(ret.session),
+          authStatus: "loggedIn",
+        });
+      } catch (e) {
+        let message = e.message;
+        while (e.cause) {
+          message = `${message}: ${e.cause.message}`;
+          e = e.cause;
+        }
+        console.error("oauthCallback error", message);
+        throw e;
+      }
+    } catch (error) {
+      console.error("oauthCallback rejected", error);
+      set({ authStatus: "loggedOut" });
+    }
+  },
+
+  golivePost: async (
+    text: string,
+    now: Date,
+    thumbnail?: BlobRef,
+    streamplaceUrl?: string,
+  ) => {
+    const state = get() as BlueskySlice;
+    if (!state.pdsAgent) {
+      throw new Error("No agent");
+    }
+    const did = state.oauthSession?.did;
+    if (!did) {
+      throw new Error("No DID");
+    }
+    const profile = state.profiles[did];
+    if (!profile) {
+      throw new Error("No profile");
+    }
+    const u = new URL(streamplaceUrl!);
+    const params = new URLSearchParams({
+      did: did,
+      time: new Date().toISOString(),
+    });
+
+    const linkUrl = `${u.protocol}//${u.host}/${profile.handle}?${params.toString()}`;
+    const prefix = `🔴 LIVE `;
+    const textUrl = `${u.protocol}//${u.host}/${profile.handle}`;
+    const suffix = ` ${text}`;
+    const content = prefix + textUrl + suffix;
+
+    const rt = new RichText({ text: content });
+    rt.detectFacetsWithoutResolution();
+
+    const record: AppBskyFeedPost.Record = {
+      $type: "app.bsky.feed.post",
+      text: content,
+      "place.stream.livestream": {
+        url: linkUrl,
+        title: text,
+      },
+      facets: rt.facets,
+      createdAt: now.toISOString(),
+    };
+    record.embed = {
+      $type: "app.bsky.embed.external",
+      external: {
+        description: text,
+        thumb: thumbnail,
+        title: `@${profile.handle} is 🔴LIVE on ${u.host}!`,
+        uri: linkUrl,
+      },
+    };
+    console.log("golivePost record", record);
+    return await state.pdsAgent.post(record);
+  },
+
+  createBlockRecord: async (subjectDID: string) => {
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      const record: AppBskyGraphBlock.Record = {
+        $type: "app.bsky.graph.block",
+        subject: subjectDID,
+        createdAt: new Date().toISOString(),
+      };
+      await state.pdsAgent.com.atproto.repo.createRecord({
+        repo: did,
+        collection: "app.bsky.graph.block",
+        record,
+      });
+      console.log("createBlockRecord fulfilled");
+    } catch (error) {
+      console.error("createBlockRecord rejected", error);
+    }
+  },
+
+  createStreamKeyRecord: async (store: boolean) => {
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      const keypair = await Secp256k1Keypair.create({ exportable: true });
+      const exportedKey = await keypair.export();
+      const didBytes = new TextEncoder().encode(did);
+      const combinedKey = new Uint8Array([...exportedKey, ...didBytes]);
+      const multibaseKey = bytesToMultibase(combinedKey, "base58btc");
+      const hexKey = Array.from(exportedKey)
+        .map((b) => b.toString(16).padStart(2, "0"))
+        .join("");
+      const account = await privateKeyToAccount(`0x${hexKey}`);
+      const newKey = {
+        privateKey: multibaseKey,
+        did: keypair.did(),
+        address: account.address.toLowerCase(),
+      };
+
+      let platform: string = Platform.OS;
+
+      if (Platform.OS === "web" && window && window.navigator) {
+        let splitUA = window.navigator.userAgent
+          .split(" ")
+          .pop()
+          ?.split("/")[0];
+        if (splitUA) {
+          platform = splitUA;
+        }
+      } else if (platform === "android") {
+        platform = "Android";
+      } else if (platform === "ios") {
+        platform = "iOS";
+      } else if (platform === "macos") {
+        platform = "macOS";
+      } else if (platform === "windows") {
+        platform = "Windows";
+      }
+
+      const record: PlaceStreamKey.Record = {
+        $type: "place.stream.key",
+        signingKey: keypair.did(),
+        createdAt: new Date().toISOString(),
+        createdBy: "Streamplace on " + platform,
+      };
+      await state.pdsAgent.com.atproto.repo.createRecord({
+        repo: did,
+        collection: "place.stream.key",
+        record,
+      });
+      if (store) {
+        await storage.setItem(STORED_KEY_KEY, JSON.stringify(newKey));
+      }
+      set({
+        newKey: newKey,
+        storedKey: store ? newKey : null,
+      });
+    } catch (error) {
+      console.error("createStreamKeyRecord rejected", error);
+    }
+  },
+
+  clearStreamKeyRecord: () => {
+    set({ newKey: null });
+  },
+
+  getStreamKeyRecords: async () => {
+    set({
+      streamKeysResponse: {
+        loading: true,
+        error: null,
+        records: null,
+      },
+    });
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      const result = await state.pdsAgent.com.atproto.repo.listRecords({
+        repo: did,
+        collection: "place.stream.key",
+        limit: 100,
+      });
+      console.log(result);
+      set({
+        streamKeysResponse: {
+          loading: false,
+          error: null,
+          records: result.data,
+        },
+      });
+    } catch (error) {
+      console.error("listStreamKeyRecords rejected", error);
+      set({
+        streamKeysResponse: {
+          loading: false,
+          error: error?.message ?? null,
+          records: null,
+        },
+      });
+    }
+  },
+
+  deleteStreamKeyRecord: async (rkey: string) => {
+    set({ isDeletingKey: true });
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      await state.pdsAgent.com.atproto.repo.deleteRecord({
+        repo: did,
+        collection: "place.stream.key",
+        rkey,
+      });
+      let records = state.streamKeysResponse.records
+        ? state.streamKeysResponse.records.records.filter(
+            (r) => r.uri.split("/").pop() !== rkey,
+          )
+        : [];
+      set({
+        isDeletingKey: false,
+        streamKeysResponse: {
+          ...state.streamKeysResponse,
+          records: {
+            ...state.streamKeysResponse.records!,
+            records,
+          },
+        },
+      });
+    } catch (error) {
+      console.error("deleteStreamKeyRecord rejected", error);
+      set({ isDeletingKey: false });
+    }
+  },
+
+  setPDS: async (pds: string) => {
+    set({
+      pds: {
+        ...(get() as BlueskySlice).pds,
+        loading: true,
+      },
+    });
+    try {
+      await storage.setItem("pdsURL", pds);
+      console.log("setPDS fulfilled", pds);
+      set({
+        pds: {
+          ...(get() as BlueskySlice).pds,
+          loading: false,
+          url: pds,
+        },
+      });
+    } catch (error) {
+      set({
+        pds: {
+          ...(get() as BlueskySlice).pds,
+          loading: false,
+          error: error?.message ?? null,
+        },
+      });
+    }
+  },
+
+  createLivestreamRecord: async (
+    title: string,
+    customThumbnail?: Blob,
+    streamplaceUrl?: string,
+  ) => {
+    set({
+      newLivestream: {
+        loading: true,
+        error: null,
+        record: null,
+      },
+    });
+    try {
+      const now = new Date();
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+
+      let thumbnail: BlobRef | undefined = undefined;
+      const u = new URL(streamplaceUrl!);
+
+      if (customThumbnail) {
+        try {
+          thumbnail = await uploadThumbnail(
+            profile.handle,
+            u,
+            state.pdsAgent,
+            profile,
+            customThumbnail,
+          );
+        } catch (e) {
+          throw new Error(`Custom thumbnail upload failed ${e}`);
+        }
+      } else {
+        let tries = 0;
+        try {
+          for (; tries < 3; tries++) {
+            try {
+              console.log(
+                `Fetching thumbnail from ${u.protocol}//${u.host}/api/playback/${profile.handle}/stream.png`,
+              );
+              const thumbnailRes = await fetch(
+                `${u.protocol}//${u.host}/api/playback/${profile.handle}/stream.png`,
+              );
+              if (!thumbnailRes.ok) {
+                throw new Error(
+                  `Failed to fetch thumbnail: ${thumbnailRes.status})`,
+                );
+              }
+              const thumbnailBlob = await thumbnailRes.blob();
+              console.log(thumbnailBlob);
+              thumbnail = await uploadThumbnail(
+                profile.handle,
+                u,
+                state.pdsAgent,
+                profile,
+                thumbnailBlob,
+              );
+            } catch (e) {
+              console.warn(
+                `Failed to fetch thumbnail, retrying (${tries + 1}/3): ${e}`,
+              );
+              await new Promise((resolve) => setTimeout(resolve, 2000));
+              if (tries === 2) {
+                throw new Error(
+                  `Failed to fetch thumbnail after 3 tries: ${e}`,
+                );
+              }
+            }
+          }
+        } catch (e) {
+          throw new Error(`Thumbnail upload failed ${e}`);
+        }
+      }
+
+      const newPost = await state.golivePost(
+        title,
+        now,
+        thumbnail,
+        streamplaceUrl,
+      );
+
+      if (!newPost?.uri || !newPost?.cid) {
+        throw new Error(
+          "Cannot read properties of undefined (reading 'uri' or 'cid')",
+        );
+      }
+
+      const record: PlaceStreamLivestream.Record = {
+        $type: "place.stream.livestream",
+        title: title,
+        url: streamplaceUrl!,
+        createdAt: new Date().toISOString(),
+        post: {
+          uri: newPost.uri,
+          cid: newPost.cid,
+        },
+        thumb: thumbnail,
+      };
+
+      await state.pdsAgent.com.atproto.repo.createRecord({
+        repo: did,
+        collection: "place.stream.livestream",
+        record,
+      });
+      set({
+        newLivestream: {
+          loading: false,
+          error: null,
+          record: record,
+        },
+      });
+    } catch (error) {
+      console.error("createLivestreamRecord rejected", error);
+      set({
+        newLivestream: {
+          loading: false,
+          error: error?.message ?? null,
+          record: null,
+        },
+      });
+    }
+  },
+
+  updateLivestreamRecord: async (
+    title: string,
+    livestream: any,
+    streamplaceUrl?: string,
+  ) => {
+    set({
+      newLivestream: {
+        loading: true,
+        error: null,
+        record: null,
+      },
+    });
+    try {
+      const now = new Date();
+      const state = get() as BlueskySlice;
+
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+
+      let oldRecord = livestream;
+      if (!oldRecord) {
+        throw new Error("No latest record");
+      }
+
+      let rkey = oldRecord.uri.split("/").pop();
+      let oldRecordValue: PlaceStreamLivestream.Record = oldRecord.record;
+
+      if (!rkey) {
+        throw new Error("No rkey?");
+      }
+
+      console.log("Updating rkey", rkey);
+
+      const record: PlaceStreamLivestream.Record = {
+        $type: "place.stream.livestream",
+        title: title,
+        url: streamplaceUrl!,
+        createdAt: new Date().toISOString(),
+        post: oldRecordValue.post,
+      };
+
+      await state.pdsAgent.com.atproto.repo.putRecord({
+        repo: did,
+        collection: "place.stream.livestream",
+        rkey,
+        record,
+      });
+      set({
+        newLivestream: {
+          loading: false,
+          error: null,
+          record: record,
+        },
+      });
+    } catch (error) {
+      console.error("createLivestreamRecord rejected", error);
+      set({
+        newLivestream: {
+          loading: false,
+          error: error?.message ?? null,
+          record: null,
+        },
+      });
+    }
+  },
+
+  getChatProfileRecordFromPDS: async () => {
+    set({
+      chatProfile: {
+        loading: true,
+        error: null,
+        profile: null,
+      },
+    });
+    try {
+      const state = get() as BlueskySlice;
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const res = await state.pdsAgent.com.atproto.repo.getRecord({
+        repo: did,
+        collection: "place.stream.chat.profile",
+        rkey: "self",
+      });
+      if (!res.success) {
+        throw new Error("Failed to get chat profile record");
+      }
+
+      if (PlaceStreamChatProfile.isRecord(res.data.value)) {
+        set({
+          chatProfile: {
+            loading: false,
+            error: null,
+            profile: res.data.value,
+          },
+        });
+      } else {
+        console.log("not a record", res.data.value);
+      }
+    } catch (error) {
+      console.error("getChatProfileRecordFromPDS error", error);
+    }
+  },
+
+  createChatProfileRecord: async (red: number, green: number, blue: number) => {
+    set({
+      chatProfile: {
+        loading: true,
+        error: null,
+        profile: null,
+      },
+    });
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+
+      const chatProfile: PlaceStreamChatProfile.Record = {
+        $type: "place.stream.chat.profile",
+        color: {
+          red: red,
+          green: green,
+          blue: blue,
+        },
+      };
+
+      const res = await state.pdsAgent.com.atproto.repo.putRecord({
+        repo: did,
+        collection: "place.stream.chat.profile",
+        record: chatProfile,
+        rkey: "self",
+      });
+      if (!res.success) {
+        throw new Error("Failed to create chat profile record");
+      }
+      set({
+        chatProfile: {
+          loading: false,
+          error: null,
+          profile: chatProfile,
+        },
+      });
+    } catch (error) {
+      console.error("createChatProfileRecord rejected", error);
+      set({
+        chatProfile: {
+          loading: false,
+          error: error?.message ?? null,
+          profile: null,
+        },
+      });
+    }
+  },
+
+  followUser: async (subjectDID: string) => {
+    try {
+      console.log("followUser pending");
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      await state.pdsAgent.follow(subjectDID);
+      console.log("followUser fulfilled", { subjectDID });
+    } catch (error) {
+      console.error("followUser rejected", error);
+    }
+  },
+
+  unfollowUser: async (
+    subjectDID: string,
+    followUri?: string,
+    streamplaceUrl?: string,
+  ) => {
+    try {
+      console.log("unfollowUser pending");
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+
+      if (followUri) {
+        await state.pdsAgent.deleteFollow(followUri);
+      } else {
+        const res = await fetch(
+          `${streamplaceUrl}/xrpc/place.stream.graph.getFollowingUser?subjectDID=${encodeURIComponent(subjectDID)}&userDID=${encodeURIComponent(did)}`,
+          {
+            credentials: "include",
+          },
+        );
+        const data = await res.json();
+
+        if (!data.follow || !data.follow.uri) {
+          throw new Error("Follow record not found");
+        }
+
+        await state.pdsAgent.deleteFollow(data.follow.uri);
+      }
+
+      console.log("unfollowUser fulfilled", { subjectDID });
+    } catch (error) {
+      console.error("unfollowUser rejected", error);
+    }
+  },
+
+  getServerSettingsFromPDS: async (streamplaceUrl?: string) => {
+    try {
+      const state = get() as BlueskySlice;
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const u = new URL(streamplaceUrl!);
+      const res = await state.pdsAgent.com.atproto.repo.getRecord({
+        repo: did,
+        collection: "place.stream.server.settings",
+        rkey: u.host,
+      });
+      if (!res.success) {
+        throw new Error("Failed to get chat profile record");
+      }
+
+      if (PlaceStreamServerSettings.isRecord(res.data.value)) {
+        set({
+          serverSettings: res.data.value as PlaceStreamServerSettings.Record,
+        });
+      } else {
+        console.log("not a record", res.data.value);
+      }
+    } catch (error) {
+      console.error("getServerSettingsFromPDS rejected", error);
+    }
+  },
+
+  createServerSettingsRecord: async (
+    debugRecording: boolean,
+    streamplaceUrl?: string,
+  ) => {
+    try {
+      const state = get() as BlueskySlice;
+      if (!state.pdsAgent) {
+        throw new Error("No agent");
+      }
+      const did = state.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+      const profile = state.profiles[did];
+      if (!profile) {
+        throw new Error("No profile");
+      }
+      const u = new URL(streamplaceUrl!);
+      const serverSettings: PlaceStreamServerSettings.Record = {
+        $type: "place.stream.server.settings",
+        debugRecording: debugRecording,
+      };
+
+      const res = await state.pdsAgent.com.atproto.repo.putRecord({
+        repo: did,
+        collection: "place.stream.server.settings",
+        record: serverSettings,
+        rkey: u.host,
+      });
+      if (!res.success) {
+        throw new Error("Failed to create server settings record");
+      }
+      set({
+        serverSettings: serverSettings,
+      });
+    } catch (error) {
+      console.error("createServerSettingsRecord rejected", error);
+    }
+  },
+});
diff --git a/js/app/store/slices/contentMetadataSlice.ts b/js/app/store/slices/contentMetadataSlice.ts
new file mode 100644
index 000000000..c64f0e635
--- /dev/null
+++ b/js/app/store/slices/contentMetadataSlice.ts
@@ -0,0 +1,298 @@
+import { StateCreator } from "zustand";
+import { BlueskySlice } from "./blueskySlice";
+
+export interface ContentMetadataSlice {
+  creating: boolean;
+  updating: boolean;
+  error: string | null;
+  lastCreatedRecord: any | null;
+  // actions
+  createContentMetadata: (params: {
+    contentWarnings?: string[];
+    distributionPolicy?: { deleteAfter?: number };
+    contentRights?: {
+      creator?: string;
+      copyrightNotice?: string;
+      copyrightYear?: number;
+      license?: string;
+      creditLine?: string;
+    };
+  }) => Promise<void>;
+  updateContentMetadata: (params: {
+    rkey?: string;
+    livestreamRef?: { uri: string; cid: string };
+    contentWarnings?: string[];
+    distributionPolicy?: { deleteAfter?: number };
+    contentRights?: {
+      creator?: string;
+      copyrightNotice?: string;
+      copyrightYear?: number;
+      license?: string;
+      creditLine?: string;
+    };
+  }) => Promise<void>;
+  getContentMetadata: (params?: {
+    userDid?: string;
+    rkey?: string;
+  }) => Promise<void>;
+  clearError: () => void;
+}
+
+export const createContentMetadataSlice: StateCreator<
+  ContentMetadataSlice,
+  [],
+  [],
+  ContentMetadataSlice
+> = (set, get) => ({
+  creating: false,
+  updating: false,
+  error: null,
+  lastCreatedRecord: null,
+
+  createContentMetadata: async ({
+    contentWarnings = [],
+    distributionPolicy = { deleteAfter: undefined },
+    contentRights = {},
+  }) => {
+    set({ creating: true, error: null });
+    try {
+      // need access to bluesky slice - will handle in combined store
+      const state = get() as any;
+      const bluesky: BlueskySlice = state;
+
+      if (!bluesky.pdsAgent) {
+        throw new Error("No agent");
+      }
+
+      const did = bluesky.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+
+      const metadataRecord = {
+        $type: "place.stream.metadata.configuration",
+        createdAt: new Date().toISOString(),
+        ...(contentWarnings.length > 0 && {
+          contentWarnings: { warnings: contentWarnings },
+        }),
+        ...(distributionPolicy.deleteAfter && { distributionPolicy }),
+        ...(contentRights &&
+          Object.keys(contentRights).length > 0 && {
+            contentRights,
+          }),
+      };
+
+      const result = await bluesky.pdsAgent.com.atproto.repo.createRecord({
+        repo: did,
+        collection: "place.stream.metadata.configuration",
+        rkey: "self",
+        record: metadataRecord,
+      });
+
+      const rkey = result.data.uri.split("/").pop();
+
+      set({
+        creating: false,
+        error: null,
+        lastCreatedRecord: {
+          record: metadataRecord,
+          uri: result.data.uri,
+          cid: result.data.cid,
+          rkey,
+        },
+      });
+    } catch (error) {
+      set({
+        creating: false,
+        error: error?.message ?? "Failed to create content metadata",
+      });
+    }
+  },
+
+  updateContentMetadata: async ({
+    rkey,
+    livestreamRef,
+    contentWarnings = [],
+    distributionPolicy = { deleteAfter: undefined },
+    contentRights = {},
+  }) => {
+    set({ updating: true, error: null });
+    try {
+      const state = get() as any;
+      const bluesky: BlueskySlice = state;
+
+      if (!bluesky.pdsAgent) {
+        throw new Error("No agent");
+      }
+
+      const did = bluesky.oauthSession?.did;
+      if (!did) {
+        throw new Error("No DID");
+      }
+
+      const metadataRecord = {
+        $type: "place.stream.metadata.configuration",
+        ...(livestreamRef && { livestreamRef }),
+        createdAt: new Date().toISOString(),
+        ...(contentWarnings.length > 0 && {
+          contentWarnings: { warnings: contentWarnings },
+        }),
+        ...(distributionPolicy.deleteAfter && { distributionPolicy }),
+        ...(contentRights &&
+          Object.keys(contentRights).length > 0 && {
+            contentRights,
+          }),
+      };
+
+      const result = await bluesky.pdsAgent.com.atproto.repo.putRecord({
+        repo: did,
+        collection: "place.stream.metadata.configuration",
+        rkey: "self",
+        record: metadataRecord,
+      });
+
+      set({
+        updating: false,
+        error: null,
+        lastCreatedRecord: {
+          record: metadataRecord,
+          uri: `at://${did}/place.stream.metadata.configuration/self`,
+          cid: result.data.cid,
+        },
+      });
+    } catch (error) {
+      set({
+        updating: false,
+        error: error?.message ?? "Failed to update content metadata",
+      });
+    }
+  },
+
+  getContentMetadata: async ({ userDid, rkey = "self" } = {}) => {
+    set({ error: null });
+    try {
+      const state = get() as any;
+      const bluesky: BlueskySlice = state;
+
+      if (!bluesky.pdsAgent) {
+        throw new Error("No agent");
+      }
+
+      const targetDid = userDid || bluesky.oauthSession?.did;
+      if (!targetDid) {
+        throw new Error("No DID provided or user not authenticated");
+      }
+
+      console.log(`[getContentMetadata] Debug info:`, {
+        targetDid,
+        rkey,
+        pdsAgentType: bluesky.pdsAgent.constructor.name,
+        hasOAuthSession: !!bluesky.oauthSession,
+        currentUserDid: bluesky.oauthSession?.did,
+        pdsAgentHost:
+          (bluesky.pdsAgent as any)?.host ||
+          (bluesky.pdsAgent as any)?.service?.host ||
+          "unknown",
+        pdsAgentUrl:
+          (bluesky.pdsAgent as any)?.url ||
+          (bluesky.pdsAgent as any)?.service?.url ||
+          "unknown",
+      });
+
+      try {
+        let targetPDS = null;
+        try {
+          const didResponse = await fetch(`https://plc.directory/${targetDid}`);
+          if (didResponse.ok) {
+            const didDoc = await didResponse.json();
+            const pdsService = didDoc.service?.find(
+              (s: any) => s.id === "#atproto_pds",
+            );
+            if (pdsService) {
+              targetPDS = pdsService.serviceEndpoint;
+              console.log(
+                `[getContentMetadata] Resolved PDS for ${targetDid}:`,
+                targetPDS,
+              );
+            }
+          }
+        } catch (pdsResolveError) {
+          console.log(
+            `[getContentMetadata] Failed to resolve PDS for ${targetDid}:`,
+            pdsResolveError,
+          );
+        }
+
+        let agent = bluesky.pdsAgent;
+        if (targetPDS && targetPDS !== (bluesky.pdsAgent as any)?.host) {
+          const { StreamplaceAgent } = await import("streamplace");
+          agent = new StreamplaceAgent(targetPDS) as any;
+          console.log(
+            `[getContentMetadata] Created new agent for PDS:`,
+            targetPDS,
+          );
+        }
+
+        console.log(`[getContentMetadata] Attempting to fetch record from:`, {
+          repo: targetDid,
+          collection: "place.stream.metadata.configuration",
+          rkey,
+          usingPDS: targetPDS || "default",
+        });
+
+        const result = await agent.com.atproto.repo.getRecord({
+          repo: targetDid,
+          collection: "place.stream.metadata.configuration",
+          rkey,
+        });
+
+        console.log(`[getContentMetadata] API response:`, result);
+
+        if (!result.success) {
+          throw new Error("Failed to get content metadata record");
+        }
+
+        set({
+          error: null,
+          lastCreatedRecord: {
+            userDid: targetDid,
+            record: result.data.value,
+            uri: result.data.uri,
+            cid: result.data.cid,
+          },
+        });
+      } catch (error) {
+        console.log(`[getContentMetadata] Error details:`, {
+          error: error.message,
+          errorType: error.constructor.name,
+          errorStack: error.stack,
+        });
+
+        if (
+          error.message?.includes("not found") ||
+          error.message?.includes("RecordNotFound")
+        ) {
+          set({
+            error: null,
+            lastCreatedRecord: {
+              userDid: targetDid,
+              record: null,
+              uri: null,
+              cid: null,
+            },
+          });
+          return;
+        }
+        throw error;
+      }
+    } catch (error) {
+      set({
+        error: error?.message ?? "Failed to get content metadata",
+      });
+    }
+  },
+
+  clearError: () => {
+    set({ error: null });
+  },
+});
diff --git a/js/app/store/slices/platformSlice.ts b/js/app/store/slices/platformSlice.ts
new file mode 100644
index 000000000..cbcf76f60
--- /dev/null
+++ b/js/app/store/slices/platformSlice.ts
@@ -0,0 +1,40 @@
+import { StateCreator } from "zustand";
+
+export interface PlatformSlice {
+  status: "idle" | "loading" | "failed";
+  notificationToken: string | null;
+  notificationDestination: string | null;
+  // actions
+  handleNotification: (payload?: { [key: string]: string | object }) => void;
+  clearNotification: () => void;
+  openLoginLink: (url: string) => Promise<void>;
+  initPushNotifications: () => Promise<void>;
+  registerNotificationToken: () => Promise<void>;
+}
+
+export const createPlatformSlice: StateCreator<PlatformSlice> = (set, get) => ({
+  status: "idle",
+  notificationToken: null,
+  notificationDestination: null,
+  handleNotification: (payload) => {
+    // notification handling logic
+  },
+  clearNotification: () => {
+    set({ notificationDestination: null });
+  },
+  openLoginLink: async (url: string) => {
+    set({ status: "loading" });
+    try {
+      window.location.href = url;
+      set({ status: "idle" });
+    } catch (error) {
+      set({ status: "failed" });
+    }
+  },
+  initPushNotifications: async () => {
+    // mobile-only, web notifications someday
+  },
+  registerNotificationToken: async () => {
+    // notification token registration
+  },
+});
diff --git a/js/app/store/slices/sidebarSlice.ts b/js/app/store/slices/sidebarSlice.ts
new file mode 100644
index 000000000..f80e65a92
--- /dev/null
+++ b/js/app/store/slices/sidebarSlice.ts
@@ -0,0 +1,117 @@
+import { storage } from "@streamplace/components";
+import { StateCreator } from "zustand";
+
+export const SIDEBAR_STORAGE_KEY = "sidebarState";
+
+export interface SidebarSlice {
+  isCollapsed: boolean;
+  isHidden: boolean;
+  targetWidth: number;
+  isLoaded: boolean;
+  setSidebarHidden: () => void;
+  setSidebarUnhidden: () => void;
+  toggleSidebar: () => void;
+  loadStateFromStorage: () => Promise<void>;
+}
+
+function verifySidebarState(state: any): Partial<SidebarSlice> {
+  const verifiedState: Partial<SidebarSlice> = {
+    isCollapsed:
+      typeof state.isCollapsed === "boolean" ? state.isCollapsed : false,
+    isHidden: typeof state.isHidden === "boolean" ? state.isHidden : false,
+    targetWidth:
+      typeof state.targetWidth === "number" ? state.targetWidth : 250,
+    isLoaded: false,
+  };
+
+  if (!verifiedState.isHidden) {
+    if (verifiedState.targetWidth! < 64) {
+      verifiedState.targetWidth = 64;
+    } else if (verifiedState.targetWidth! > 250) {
+      verifiedState.targetWidth = 250;
+    }
+  } else {
+    verifiedState.targetWidth = 0;
+  }
+
+  return verifiedState;
+}
+
+export const createSidebarSlice: StateCreator<SidebarSlice> = (set, get) => ({
+  isCollapsed: false,
+  isHidden: false,
+  targetWidth: 250,
+  isLoaded: false,
+  setSidebarHidden: () => {
+    set((state) => {
+      const isHidden = true;
+      const targetWidth =
+        (state as SidebarSlice).isCollapsed || isHidden
+          ? isHidden
+            ? 0
+            : 64
+          : 250;
+      return { isHidden, targetWidth };
+    });
+  },
+  setSidebarUnhidden: () => {
+    set((state) => {
+      const isHidden = false;
+      const targetWidth =
+        (state as SidebarSlice).isCollapsed || isHidden
+          ? isHidden
+            ? 0
+            : 64
+          : 250;
+      return { isHidden, targetWidth };
+    });
+  },
+  toggleSidebar: () => {
+    set((state) => {
+      const sidebarState = state as SidebarSlice;
+      const isCollapsed = !sidebarState.isCollapsed;
+      const targetWidth =
+        isCollapsed || sidebarState.isHidden
+          ? sidebarState.isHidden
+            ? 0
+            : 64
+          : 250;
+      // persist to storage
+      storage.setItem(
+        SIDEBAR_STORAGE_KEY,
+        JSON.stringify({
+          isCollapsed,
+          isHidden: sidebarState.isHidden,
+          targetWidth,
+          isLoaded: sidebarState.isLoaded,
+        }),
+      );
+      return { isCollapsed, targetWidth };
+    });
+  },
+  loadStateFromStorage: async () => {
+    try {
+      const storedStateString = await storage.getItem(SIDEBAR_STORAGE_KEY);
+      if (storedStateString) {
+        let state = JSON.parse(storedStateString);
+        state.isHidden = false;
+        const verifiedState = verifySidebarState(state);
+        console.log("Sidebar state loaded from localStorage:", verifiedState);
+        set({ ...verifiedState, isLoaded: true });
+      } else {
+        console.log("No sidebar state found in localStorage, using defaults.");
+        set({ isLoaded: true });
+      }
+    } catch (error) {
+      console.error(
+        "Failed to load sidebar state from storage, using defaults:",
+        error,
+      );
+      set({
+        isCollapsed: false,
+        targetWidth: 250,
+        isLoaded: true,
+      });
+    }
+  },
+});
diff --git a/js/app/store/slices/streamplaceSlice.ts b/js/app/store/slices/streamplaceSlice.ts
new file mode 100644
index 000000000..1bc3b3fae
--- /dev/null
+++ b/js/app/store/slices/streamplaceSlice.ts
@@ -0,0 +1,117 @@
+import { storage } from "@streamplace/components";
+import { Platform } from "react-native";
+import type { PlaceStreamSegment } from "streamplace";
+import { StateCreator } from "zustand";
+
+let DEFAULT_URL = process.env.EXPO_PUBLIC_STREAMPLACE_URL as string;
+if (Platform.OS === "web" && process.env.EXPO_PUBLIC_WEB_TRY_LOCAL === "true") {
+  try {
+    DEFAULT_URL = `${window.location.protocol}//${window.location.host}`;
+  } catch (err) {
+    // fall back to hardcoded
+  }
+}
+
+export { DEFAULT_URL };
+
+const USER_MUTED_KEY = "streamplaceUserMuted";
+const URL_KEY = "streamplaceUrl";
+const CHAT_WARNING_KEY = "streamplaceChatWarning2";
+
+export interface Identity {
+  id: string;
+  handle?: string;
+  did?: string;
+}
+
+export interface StreamplaceSlice {
+  url: string;
+  identity: Identity | null;
+  initialized: boolean;
+  userMuted: boolean | null;
+  chatWarned: boolean;
+  mySegments: PlaceStreamSegment.SegmentView[];
+  // actions
+  initialize: () => Promise<void>;
+  setURL: (url: string) => void;
+  userMute: (muted: boolean) => void;
+  chatWarn: (warned: boolean) => void;
+  getIdentity: () => Promise<void>;
+  pollMySegments: () => Promise<void>;
+}
+
+export const createStreamplaceSlice: StateCreator<StreamplaceSlice> = (
+  set,
+  get,
+) => ({
+  url: DEFAULT_URL,
+  identity: null,
+  initialized: false,
+  userMuted: null,
+  chatWarned: false,
+  mySegments: [],
+  initialize: async () => {
+    let [url, userMutedStr, chatWarningStr] = await Promise.all([
+      storage.getItem(URL_KEY),
+      storage.getItem(USER_MUTED_KEY),
+      storage.getItem(CHAT_WARNING_KEY),
+    ]);
+    if (!url) {
+      url = DEFAULT_URL;
+    }
+    let userMuted: boolean | null = null;
+    console.log("userMutedStr", userMutedStr);
+    if (typeof userMutedStr === "string") {
+      userMuted = userMutedStr === "true";
+    } else {
+      userMuted = null;
+    }
+    let chatWarned: boolean = false;
+    if (typeof chatWarningStr === "string") {
+      chatWarned = chatWarningStr === "true";
+    }
+    set({ url, userMuted, chatWarned, initialized: true });
+  },
+  setURL: (url: string) => {
+    console.log("setURL", url);
+    storage.setItem(URL_KEY, url).catch((err) => {
+      console.error("setURL error", err);
+    });
+    set({ url });
+  },
+  userMute: (muted: boolean) => {
+    storage.setItem(USER_MUTED_KEY, JSON.stringify(muted)).catch((err) => {
+      console.error("userMute error", err);
+    });
+    set({ userMuted: muted });
+  },
+  chatWarn: (warned: boolean) => {
+    storage.setItem(CHAT_WARNING_KEY, JSON.stringify(warned)).catch((err) => {
+      console.error("chatWarn error", err);
+    });
+    set({ chatWarned: warned });
+  },
+  getIdentity: async () => {
+    const state = get() as StreamplaceSlice;
+    const res = await fetch(`${state.url}/api/identity`);
+    const identity = await res.json();
+    set({ identity });
+  },
+  pollMySegments: async () => {
+    try {
+      const state = get() as any; // need to access bluesky slice
+      if (!state.pdsAgent) {
+        throw new Error("no pdsAgent");
+      }
+      if (!state.oauthSession) {
+        throw new Error("no oauthSession");
+      }
+      const result = await state.pdsAgent.place.stream.live.getSegments({
+        userDID: state.oauthSession?.did ?? "",
+      });
+      set({ mySegments: result.data.segments ?? [] });
+    } catch (err) {
+      // silently fail
+    }
+  },
+});
diff --git a/js/app/store/store.tsx b/js/app/store/store.tsx
deleted file mode 100644
index 293c156b5..000000000
--- a/js/app/store/store.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { Action, ThunkAction } from "@reduxjs/toolkit";
-import { combineSlices, configureStore } from "@reduxjs/toolkit";
-import { setupListeners } from "@reduxjs/toolkit/query";
-import { baseSlice } from "features/base/baseSlice";
-import { sidebarSlice } from "features/base/sidebarSlice";
-import { blueskySlice } from "features/bluesky/blueskySlice";
-import { contentMetadataSlice } from "features/bluesky/contentMetadataSlice";
-import { platformSlice } from "features/platform/platformSlice";
-import { streamplaceSlice } from "features/streamplace/streamplaceSlice";
-
-import { listenerMiddleware } from "./listener";
-
-const rootReducer = combineSlices(
-  blueskySlice,
-  contentMetadataSlice,
-  streamplaceSlice,
-  platformSlice,
-  sidebarSlice,
-  baseSlice,
-);
-
-export type RootState = ReturnType<typeof rootReducer>;
-
-export const makeStore = (preloadedState?: Partial<RootState>) => {
-  const store = configureStore({
-    reducer: rootReducer,
-    // Adding the api middleware enables caching, invalidation, polling,
-    // and other useful features of `rtk-query`.
-    middleware: (getDefaultMiddleware) => {
-      return getDefaultMiddleware({
-        serializableCheck: {
-          // Ignore these action types
-          ignoredActions: [],
-          // Ignore these field paths in all actions
-          ignoredActionPaths: ["payload"],
-          // Ignore these paths in the state
-          ignoredPaths: [/^bluesky\..*/, /^streamplace\..*/],
-        },
-      }).prepend(listenerMiddleware.middleware);
-    },
-    preloadedState,
-  });
-  // configure listeners using the provided defaults
-  // optional, but required for `refetchOnFocus`/`refetchOnReconnect` behaviors
-  setupListeners(store.dispatch);
-  return store;
-};
-
-export const store = makeStore();
-
-// Infer the type of `store`
-export type AppStore = typeof store;
-// Infer the `AppDispatch` type from the store itself
-export type AppDispatch = AppStore["dispatch"];
-export type AppThunk<ThunkReturnType = void> = ThunkAction<
-  ThunkReturnType,
-  RootState,
-  unknown,
-  Action
->;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 72a6d16a9..7896b50c9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -102,9 +102,6 @@ importers:
       '@react-navigation/native-stack':
         specifier: ^6.11.0
         version: 6.11.0(@react-navigation/native@6.1.18(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0))(react-native-safe-area-context@5.4.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0))(react-native-screens@4.11.1(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
-      '@reduxjs/toolkit':
-        specifier: ^2.3.0
-        version: 2.3.0(react-redux@9.1.2(@types/react@18.3.12)(react@19.0.0)(redux@5.0.1))(react@19.0.0)
       '@sentry/react-native':
         specifier: ^6.14.0
         version: 6.14.0(encoding@0.1.13)(expo@53.0.11(@babel/core@7.26.0)(@expo/metro-runtime@5.0.4(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(react-native-webview@13.15.0(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(utf-8-validate@5.0.10))(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
@@ -279,9 +276,6 @@ importers:
       react-native-webview:
         specifier: 13.15.0
         version: 13.15.0(react-native@0.79.3(@babel/core@7.26.0)(@types/react@18.3.12)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
-      react-redux:
-        specifier: ^9.1.2
-        version: 9.1.2(@types/react@18.3.12)(react@19.0.0)(redux@5.0.1)
       react-use-websocket:
         specifier: ^4.13.0
         version: 4.13.0
@@ -309,6 +303,9 @@ importers:
       viem:
         specifier: ^2.21.44
         version: 2.21.44(bufferutil@4.0.8)(typescript@5.3.3)(utf-8-validate@5.0.10)(zod@3.24.4)
+      zustand:
+        specifier: ^5.0.5
+        version: 5.0.5(@types/react@18.3.12)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))
     devDependencies:
       '@babel/core':
         specifier: ^7.26.0
@@ -535,7 +532,7 @@ importers:
         version: 2.21.44(bufferutil@4.0.8)(typescript@5.8.3)(utf-8-validate@5.0.10)(zod@3.24.4)
       zustand:
         specifier: ^5.0.5
-        version: 5.0.5(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))
+        version: 5.0.5(@types/react@18.3.12)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))
     devDependencies:
       '@fluent/syntax':
         specifier: ^0.19.0
@@ -3712,17 +3709,6 @@ packages:
     resolution: {integrity: sha512-9FC/6ho8uFa8fV50+FPy/ngWN53jaUu4GRXlAjcxIRrzhltJnpKkBG2Tp0IDraFJeWrOpk84RJ9EMEEYzaI1Bw==}
     engines: {node: '>=18'}
 
-  '@reduxjs/toolkit@2.3.0':
-    resolution: {integrity: sha512-WC7Yd6cNGfHx8zf+iu+Q1UPTfEcXhQ+ATi7CV1hlrSAaQBdlPzg7Ww/wJHNQem7qG9rxmWoFCDCPubSvFObGzA==}
-    peerDependencies:
-      react: ^16.9.0 || ^17.0.0 || ^18
-      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-redux:
-        optional: true
-
   '@reforged/maker-appimage@5.0.0':
     resolution: {integrity: sha512-25nli9nt5MVMRladnoJ3uP5W+2KpND5mzA36rc/Duj/R71oGcOj3t9Uoc/dDmaED8afAEeaSYpVE7VPPe9T54A==}
     engines: {node: '>=19.0.0 || ^18.11.0'}
@@ -4804,9 +4790,6 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
-  '@types/use-sync-external-store@0.0.3':
-    resolution: {integrity: sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==}
-
   '@types/uuid@10.0.0':
     resolution: {integrity: sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==}
 
@@ -10681,18 +10664,6 @@ packages:
       '@types/react':
         optional: true
 
-  react-redux@9.1.2:
-    resolution: {integrity: sha512-0OA4dhM1W48l3uzmv6B7TXPCGmokUU4p1M44DGN2/D9a1FjVPukVjER1PcPX97jIg6aUeLq1XJo1IpfbgULn0w==}
-    peerDependencies:
-      '@types/react': ^18.2.25
-      react: ^18.0
-      redux: ^5.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      redux:
-        optional: true
-
   react-refresh@0.14.2:
     resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
@@ -10845,14 +10816,6 @@ packages:
     resolution: {integrity: sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A==}
     engines: {node: '>=4'}
 
-  redux-thunk@3.1.0:
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
-    peerDependencies:
-      redux: ^5.0.0
-
-  redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
-
   regenerate-unicode-properties@10.2.0:
     resolution: {integrity: sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==}
     engines: {node: '>=4'}
@@ -10973,9 +10936,6 @@ packages:
     resolution: {integrity: sha512-UKTnq602iVe+W5SyRAQx/WdWMnlDiONfXBLFg/ur4QE4EQQ8eP7Jgm5mNXdK12kKawk1vvXPja2iXKqZiGDW6Q==}
     engines: {node: '>=14', npm: '>=7'}
 
-  reselect@5.1.1:
-    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
-
   resolve-alpn@1.2.1:
     resolution: {integrity: sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==}
 
@@ -17698,16 +17658,6 @@ snapshots:
 
   '@readme/openapi-schemas@3.1.0': {}
 
-  '@reduxjs/toolkit@2.3.0(react-redux@9.1.2(@types/react@18.3.12)(react@19.0.0)(redux@5.0.1))(react@19.0.0)':
-    dependencies:
-      immer: 10.1.1
-      redux: 5.0.1
-      redux-thunk: 3.1.0(redux@5.0.1)
-      reselect: 5.1.1
-    optionalDependencies:
-      react: 19.0.0
-      react-redux: 9.1.2(@types/react@18.3.12)(react@19.0.0)(redux@5.0.1)
-
   '@reforged/maker-appimage@5.0.0':
     dependencies:
       '@electron-forge/maker-base': 7.5.0
@@ -17748,7 +17698,7 @@ snapshots:
   '@rn-primitives/portal@1.3.0(immer@10.1.1)(react-native-web@0.20.0(encoding@0.1.13)(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(react-native@0.79.3(@babel/core@7.26.0)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))':
     dependencies:
       react: 19.0.0
-      zustand: 5.0.5(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))
+      zustand: 5.0.5(@types/react@18.3.12)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0))
     optionalDependencies:
       react-native: 0.79.3(@babel/core@7.26.0)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)
       react-native-web: 0.20.0(encoding@0.1.13)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -19015,8 +18965,6 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
-  '@types/use-sync-external-store@0.0.3': {}
-
   '@types/uuid@10.0.0': {}
 
   '@types/uuid@9.0.8': {}
@@ -23270,7 +23218,8 @@ snapshots:
     dependencies:
       queue: 6.0.2
 
-  immer@10.1.1: {}
+  immer@10.1.1:
+    optional: true
 
   import-fresh@2.0.0:
     dependencies:
@@ -26831,15 +26780,6 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  react-redux@9.1.2(@types/react@18.3.12)(react@19.0.0)(redux@5.0.1):
-    dependencies:
-      '@types/use-sync-external-store': 0.0.3
-      react: 19.0.0
-      use-sync-external-store: 1.2.2(react@19.0.0)
-    optionalDependencies:
-      '@types/react': 18.3.12
-      redux: 5.0.1
-
   react-refresh@0.14.2: {}
 
   react-remove-scroll-bar@2.3.8(react@19.0.0):
@@ -27017,12 +26957,6 @@ snapshots:
     dependencies:
       redis-errors: 1.2.0
 
-  redux-thunk@3.1.0(redux@5.0.1):
-    dependencies:
-      redux: 5.0.1
-
-  redux@5.0.1: {}
-
   regenerate-unicode-properties@10.2.0:
     dependencies:
       regenerate: 1.4.2
@@ -27199,8 +27133,6 @@ snapshots:
     dependencies:
       pe-library: 1.0.1
 
-  reselect@5.1.1: {}
-
   resolve-alpn@1.2.1: {}
 
   resolve-cwd@3.0.0:
@@ -28685,6 +28617,7 @@ snapshots:
   use-sync-external-store@1.2.2(react@19.0.0):
     dependencies:
       react: 19.0.0
+    optional: true
 
   username@5.1.0:
     dependencies:
@@ -29279,8 +29212,9 @@ snapshots:
 
   zod@3.24.4: {}
 
-  zustand@5.0.5(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0)):
+  zustand@5.0.5(@types/react@18.3.12)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.2.2(react@19.0.0)):
     optionalDependencies:
+      '@types/react': 18.3.12
       immer: 10.1.1
       react: 19.0.0
       use-sync-external-store: 1.2.2(react@19.0.0)
-- 
2.51.2