import { atom } from "recoil";

export const $searchQuery = atom<string>({
  key: "SEARCH_QUERY",
  default: "",
});

export const $jwtToken = atom<string>({
  key: "JWT_TOKEN",
  default: null,
});

// conversation id
export const $selectedConversation = atom<string>({
  key: "SELECTED_CONVERSATION",
  default: null,
});

// new convo page trigger
export const $newConvoPage = atom<boolean>({
  key: "NEW_CONVO_PAGE",
  default: false,
});

// number of active lines
export const $numberActiveLines = atom<number>({
  key: "NUMBER_ACTIVE_LINES",
  default: 0,
});

// max number of active streams
export const $maxNumberActiveStreams = atom<number>({
  key: "MAX_NUMBER_ACTIVE_STREAMS",
  default: 0,
});

// ============

type DesktopMode = "flowState" | "overlayOnly" | "terminal";

export const $desktopMode = atom<DesktopMode>({
  key: "DESKTOP_MODE",
  default: "terminal",
});

export const $selectedLineId = atom<string>({
  key: "SELECTED_LINE_ID",
  default: null,
});

interface MediaSettings {
  mode: "audio" | "video" | "screen";
  isMuted: boolean;
}
export const $mediaSettings = atom<MediaSettings>({
  key: "MEDIA_SETTINGS",
  default: { isMuted: false, mode: "audio" },
});