Function SpaceSelector

apps/web/components/space-selector.tsx:109–920

({
	selectedProjects,
	onValueChange,
	variant = "default",
	triggerClassName,
	showNewSpace = true,
	enableDelete = false,
	compact = false,
	includeAuto = false,
	hideCount = false,
	enableEdit = false,
}: SpaceSelectorProps)

}

export function SpaceSelector({
	selectedProjects,
	onValueChange,
	variant = "default",
	triggerClassName,
	showNewSpace = true,
	enableDelete = false,
	compact = false,
	includeAuto = false,
	hideCount = false,
	enableEdit = false,
}: SpaceSelectorProps) {
	const [showCreateDialog, setShowCreateDialog] = useState(false)
	const [showSelectSpacesModal, setShowSelectSpacesModal] = useState(false)
	const [showEditDialog, setShowEditDialog] = useState(false)
	const [recents, setRecents] = useState<string[]>([])
	const [deleteDialog, setDeleteDialog] = useState<{
		open: boolean
		project: DeleteProjectTarget | null
		action: "move" | "delete"
		targetProjectId: string
	}>({
		open: false,
		project: null,
		action: "move",
		targetProjectId: "",
	})
	const [bulkDeleteDialog, setBulkDeleteDialog] = useState<{
		open: boolean
		projects: DeleteProjectTarget[]
		confirmation: string
	}>({
		open: false,
		projects: [],
		confirmation: "",
	})

	const { deleteProjectMutation, deleteProjectsMutation } =
		useProjectMutations()
	const { allProjects, isLoading } = useContainerTags()
	const { user } = useAuth()

	useEffect(() => {
		setRecents(readRecents())
	}, [])

	const activeTag = selectedProjects[0] ?? DEFAULT_PROJECT_ID
	const { data: spaceCountData } = useQuery({
		queryKey: ["space-selector-count", activeTag],
		queryFn: async (): Promise<number> => {
			const response = await $fetch("@post/documents/documents", {
				body: {
					page: 1,
					limit: 1,
					sort: "createdAt",
					order: "desc",
					containerTags: [activeTag],
				},